This is a boilerplate I made for my projects using Nextjs, Prisma, Docker and Postgres. I had a hard time working out Dockerizing Nextjs and Prisma, so I made this to make it easier for me to start new projects. Hope that it helps you too!
Special thanks to Eli Front's blog post for helping me figure out how to enable hot reloding, well his post and the github issue that i left commented.
It is also very important sharp needs to be lock to 0.32.6, or else it will give you a crazy amount of warning if you're using Nextjs optimized images.
To make things simpler I left two commands in the package.json, one for development and one for production. The development command will run the app in development mode, and the production command will build the app and run it in production mode.
If you want to run the app in development mode, you can run npm run docker:compose:dev.
For running on production mode you can run npm run docker:compose:prod, but know that you won't have hot reloading.
You also need to create your .env and .dockerignore files.
Good luck coding
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
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.