Skip to content

timmyg/nextjs-hasura-magiclink

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

66 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This is a Next.js project bootstrapped with create-next-app.

This is meant to be a boilerplate for new apps using the following:

  • nextjs with serverless api routes
  • hasura (postgres/graphql) for database
  • magic link for passwordless authentication

The following are also recommended for easy deployment:

The demo app being built is poopasaurus - a way to log a baby's poops, pees, feedings, naps, etc.

To see the full poopasaurus app, go to https://github.com/timmyg/poopasaurus

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Copy .env.template to .env.local and fill in environment variables. You will need to create a hasura graphql database. You can import the activities and babies schemas via db/schema.graphql with the graphqurl npm package. You will need to manually create a baby with id 1 via the hasura UI. Baby id 1 is currently hardcoded in the frontend.

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Notes

  • /login is not fully implemented but you can get started with it.

Dinorsaur and poops icons made by Freepik from www.flaticon.com