Skip to content

Latest commit

 

History

History

nextjs-todos

Folders and files

NameName
Last commit message
Last commit date

parent directory

..

.wundergraph

.wundergraph

 
 

components

components

 
 

hooks

hooks

 
 

pages

pages

 
 

public

public

 
 

styles

styles

 
 

types

types

 
 

.env.example

.env.example

 
 

.gitignore

.gitignore

 
 

.graphqlrc.yaml

.graphqlrc.yaml

 
 

README.md

README.md

 
 

docker-compose.yml

docker-compose.yml

 
 

interfaces.tsx

interfaces.tsx

 
 

next-env.d.ts

next-env.d.ts

 
 

next.config.js

next.config.js

 
 

package.json

package.json

 
 

postcss.config.js

postcss.config.js

 
 

schema.prisma

schema.prisma

 
 

tailwind.config.js

tailwind.config.js

 
 

tsconfig.json

tsconfig.json

 
 

README.md

WunderGraph Todo App

The Todo App demonstrates how to use WunderGraph with Next.js & PostgreSQL.

Key features of the App are:

  • Create, read, update, delete todos
    • Mark todos as complete
    • Reorder todos
  • Optimistic updates

Getting Started

  1. Copy the .env.example file to .env and fill in the required values.
  2. Install the dependencies and run the complete example in one command:
npm install && npm start

After a while, a new browser tab will open, If no tab is open, navigate to http://localhost:3000.

Running WunderGraph will automatically introspect the database and generate an API for you. You can add more Operations (e.g. Queries or Mutations) by adding more "*.graphql" files to the directory ./wundergraph/operations. Each file becomes an Operation. The Operation name is not relevant, the file name is.

Updating the Database Schema

Change the schema.prisma file and run npm run migrate %your_migration_name%, e.g. npm run migrate "add pets".

Cleanup

npm run cleanup

Learn More

Read the Docs.

Got Questions?

Join us on Discord!