This is an example to show how to create a simple collaborative Todo web app below with the ZenStack library using Next.js
The deployed version can be found at https://zenstack-nextjs-todo-demo.vercel.app
Clone the repository and install dependencies
git clone https://github.com/zenstackhq/zenstack-nextjs-todo-demo.git
cd zenstack-nextjs-todo-demo
npm install
cd [project-name]Run ZenStack generator:
npm run generate
Set a postgres connection string to DATABASE_URL in .env:
DATABASE_URL="postgres://postgres:[YOUR-PASSWORD]@[YOUR-URL]/postgres"
Sync schema with database
npm run db:push
Finally it's time to run your app locally:
npm run dev
The data model is located at /zenstack/schema.zmodel.
You can find integration with Next-Auth at /pages/api/auth/[...nextauth].ts.
The generated RESTful data access services are mounted at: /pages/api/zenstack/[...path].ts.
To learn more about ZenStack, take a look at the following resources: