This is a modern, boilerplate Next.js application configured with Tailwind CSS for styling, ESLint for linting, and Prettier for consistent code formatting.
- 🐋 Docker
- ✅ Next.js 12+
- 🎨 Tailwind CSS
- 🧹 ESLint with Airbnb base config
- 🧼 Prettier integration
- 🔄 Auto-formatting on save (with VSCode)
- 🚀 Fast development workflow with
next dev - 📨 Contact form mails with nodemailer, dev mail server with mailhog
First, run the development server:
docker-compose upOpen http://localhost:3003 with your browser to see the result.
You can start editing the page by modifying app/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 app/api/hello.ts.
The app/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
GitLab CI is configured in .gitlab-ci.yml to build and test the app using Docker. The pipeline builds images from the Dockerfile and can push them to a container registry. This ensures consistent, containerized builds for every commit.
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!