Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

zenstackhq/sample-todo-nextjs-tanstack

Open more actions menu
 
 

Repository files navigation

A Collaborative Todo Sample - ZenStack + Next.js

This project is a collaborative todo app built with Next.js, Next-Auth, and ZenStack.

In this fictitious app, users can be invited to workspaces where they can collaborate on todos. Public todo lists are visible to all members in the workspace.

See a live deployment at: https://zenstack-todo.vercel.app/.

Features:

  • User signup/signin
  • Creating workspaces and inviting members
  • Data segregation and permission control

Running the sample:

  1. Setup a new PostgreSQL database

    You can launch a PostgreSQL instance locally, or create one from a hoster like Supabase. Create a new database for this app, and set the connection string in .env file.

  2. Install dependencies

    npm install
  3. Generate server and client-side code from model

    npm run generate
  4. Synchronize database schema

    npm run db:push
  5. Start dev server

    npm run dev

For more information on using ZenStack, visit https://zenstack.dev.

About

A comprehensive TODO sample using Next.js + ZenStack + TanStack Query

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.