Nuxt3 Todo

screenshot of Nuxt3 Todo
nuxt
prisma

This is the source code for the Nuxt3 Pinia TDD Youtube video series by Kaizen Codes.

Overview

This document provides development notes for setting up a local development environment and making schema changes using PlanetScale and Prisma. It includes instructions for adding a database, promoting it to production, running a local PlanetScale proxy, defining Prisma schema, deploying schema changes, and resolving issues with the DATABASE_URL.

Features

  • Database Management: Sign up at https://app.planetscale.com/ to create a new database and copy the DATABASE_URL to the .env file of your production environment.
  • Promoting Databases: Promote the newly created database to production immediately in PlanetScale.
  • PlanetScale CLI: Install the PlanetScale CLI (Command Line Interface) from https://planetscale.com/cli and log in to your PlanetScale account.
  • Branching: Create a new branch from the main in PlanetScale.
  • Local Proxy: Run the local PlanetScale proxy on the newly created branch.
  • Schema Definition: Define your Prisma schema by referring to the prisma/schema.prisma file.
  • Deploy Schema Changes: Merge the development branch in PlanetScale and deploy the schema changes.
  • Branch Management: Delete any unused branches and list branches in PlanetScale.
  • Troubleshooting: In case of issues with DATABASE_URL, add the .env file and run the necessary commands.

Summary

This document provides guidelines for setting up a local development environment, making schema changes using PlanetScale and Prisma, and resolving potential issues. The key features include database management, promoting databases, PlanetScale CLI usage, branching, local proxy setup, schema definition, schema deployment, branch management, and troubleshooting tips. By following these steps, developers can seamlessly work with PlanetScale and Prisma to manage their databases and make desired schema changes.

nuxt
Nuxt

nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

prisma
Prisma

Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.

fullstack
Fullstack

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.

pinia
Pinia

Pinia is the official state management library for Vue.js. It provides a simple and intuitive API with full TypeScript support, devtools integration, and modular design. Pinia replaces Vuex as the recommended state management solution for Vue 3.