This is a Next.js project ready for authentication, API connectivity, FontAwesome, and Tailwind as CSS framework.
Requirements
- Node 14.15.5
First, install dependencies:
npm install
Then, run the development server:
npm run dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js
. 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.js
.
The pages/api
directory is mapped to /api/*
. Files in this directory are treated as API routes instead of React pages.
This boilerplate uses a dumb credentials login as an example. To configure for use with other methods like Auth0 and PostgreSQL,see Authentication in the NextJS docs
This project is ready to be shipped with Docker. Connect it to your CI and enjoy! Here's how to test it locally:
# build Docker image
docker build . -t myorg/react-next-cms --build-arg NEXTAUTH_URL=URL_OF_APP
# run the Docker image
docker run -p 3000:3000 myorg/react-next-cms
For other ways of deployment, see Deployment in the NextJS docs
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.