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

• 🎉 Next.js for Static Site Generator

• 🔧 Type checking TypeScript

• 💚 Integrate with TailwindCSS

• ✨ Code Formatter with Prettier

• 🚨 Linter with ESLint

• ✅ Testing with Jest

• 🎨 Build a design system with Storybook

• 🚀 Deploy with AWS Amplify

• Docker Desktop

Grep all files in the project with nextjs-boilerplate and replace them with the project name of your choice.

docker-compose build
docker-compose up

• Next.js App: https://localhost:3000

• Storybook: https://localhost:6006

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 https://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.

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!

docker-compose exec app yarn format

docker-compose exec app yarn lint

docker-compose exec app yarn test

npm install -g @aws-amplify/cli

amplify configure

Initialize a new Amplify project.

$ amplify init

? Enter a name for the project: # <your app name>
? Enter a name for the environment: # dev
? Choose your default editor: # Visual Studio Code (or your preferred editor)
? Choose the type of app that youre building: # javascript
? What javascript framework are you using: # react
? Source Directory Path: # src
? Distribution Directory Path: # .next
? Build Command: # npm run-script build
? Start Command: # npm run-script start
? Select the authentication method you want to use: # AWS profile
? Please choose the profile you want to use: # <your profile>

Add hosting with Amplify add command:

$ amplify add hosting

? Select the plugin module to execute: # Hosting with Amplify Console
? Choose a type: # Manual deployment

The Amplify Console opens and displays your deployed backend environment.

Choose the Frontend environments tab, select your Git provider, then choose Connect Branch.

Follow the steps in the Amplify console to choose the branch to connect, and deploy your app.

After your site is successfully deployed, you'll see green checkmarks.

To view the live site, click on the automatically generated URL.

To delete the app and the deployment, run the delete command:

amplify delete

Deploy and host a hybrid app (SSG and SSR)

Licensed under the MIT License, Copyright © 2021-present ryichk