This is a Next.js project bootstrapped with create-next-app
.
-
Copy the file
.env.example
to.env
and update the variables. -
Adjust your
DATABASE_URL
in.env
if you aren't using the default username/password for postgres. (If you don't have Postgres installed and are using a Mac, https://postgresapp.com/ is a great option.) -
Next setup the database and seed the data:
npx prisma migrate dev
npx ts-node -O '{"module": "commonjs"}' prisma/seed.ts
- Run the server
npm run dev
You should be good to go.
Most push actions in the configs ping HCM.show, the production app.
To have hooks ping your local app, download a tool like https://ngrok.com/.
ngrok http 3000
(Replace 3000
with whatever port your server is running on.)
Take the ngrok URL given (something like 984187213.ngrok.app
) and use that as the hostname in the config project as the hostname
.
Deploy that config change and you should see ngrok forward requests to your localhost.
npx ts-node -O '{"module": "commonjs"}' prisma/seed.ts
# This reset the DB if you need to re-seed
# npx prisma migrate reset
# To wipe and do it again
# npx prisma migrate reset --force && npx ts-node -O '{"module": "commonjs"}' prisma/seed.ts
First, run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx
. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts
.
The pages/api
directory is mapped to /api/*
. Files in this directory are treated as API routes instead of React pages.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
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.