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:
- vercel for deployment and hosting of nextjs frontend and backend
- heroku 1-click install for hosting hasura/postgres graphql database
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
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.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
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.
- /login is not fully implemented but you can get started with it.
Dinorsaur and poops icons made by Freepik from www.flaticon.com