This is a Next.js project bootstrapped with create-next-app
.
Demo
You can check demo
Features
- React.js 17 - Blog introduce react v17.0.
- Next.js 12 - Blog introduce next.js 11.
- Typescript 4 - Documentation of typescript.
- Next PWA 5 - Documentation of next pwa.
- Tailwind CSS 3 - Documentation of tailwind css.
- Next PWA 5 - Documentation of next pwa.
- Docker - Documentation of Docker.
- Eslint 7 - Documentation of eslint.
- Prettier 2 - Documentation of prettier.
- Husky 7 - Documentation of husky.
- Lint Staged 12 - Documentation of lint staged.
Usage
This project using node >= 12.13.0 & yarn
Installation
git clone https://github.com/danangekal/next-typescript-tailwind-starter.git
yarn install
Development
yarn dev
Production
npm run build or yarn build
yarn start
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.
Docker Build
docker build -t next-typescript-tailwind-starter .
Docker Run
docker run --rm -it -p 3000:3000 next-typescript-tailwind-starter
Docker Compose
docker-compose up
Docker Images
You can use images available on docker hub next-typescript-tailwind-starter.
docker pull danangekal/next-typescript-tailwind-starter
Learn More
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!
Deploy on Vercel
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.
Copyright © 2021 by Danang Eko Alfianto