Next.js 2.0 Starter Project
This is a starter Next.js 2.0 project that shows how to put together a website with server and client side rendering powered by Next.js, which uses React.
Like all Next.js projects it features automatic pre-fetching of templates with a ServiceWorker, renders pages both client and server side and live reloading in development. It also shows how to use features new in Next.js version 2.0 like integration with Express for custom route handling.
It includes session support (with CSRF and XSS protection), email based sign-in sytem and integrates with Passport to support signing in with Facebook, Google, Twitter and other sites that support oAuth.
Important! Please upgrade to version 2.8 or newer as this resolves all known cross browser compatibility issues, including session behaviour with Internet Explorer.
You can try it out at https://nextjs-starter.now.sh
The demo is hosted on Next.js creators Zeit’s cloud platform.
Running locally in development mode
To get started in development mode, just clone the repository and run:
npm install npm run dev
Building and deploying in production
If you wanted to run this site in production run:
npm install npm run build npm start
You should run the the build step again any time you make changes to pages or components.
Deploying to the cloud with now.sh
To deploy on Zeit’s cloud platform
now just install it, clone this repository and run
now in the working directory:
npm install -g now now
If you configure a .env file (see .env.default for an example of the options supported)
now will include it when deploying if you use the -E option to deploy:
If you configure a .env file with value for LOGS_SECRET and deploy with
now -E you can use now-logs to view logs remotely.
npm install -g now-logs now-logs my-secret-value
Reflecting how most examples of Next.js are written, in
xo needs to be installed globally:
install -g xo
You can check linting by running
xo or by running
Note: There are currently no application specific tests, beyond style checking.