This is a template for a next.js project. Features:
Next.js
yarn
preact
used instead of react
for smaller bundlestailwind
(+ autoprefixer
, cssnano
, purgecss
)stylelint
eslint
/ prettier
/ tsc
hooks
(including pre-{commit, push} linting)framer-motion
)contentful
data script (with sample typings).env
HTTP
headers (including CSP)node
glolballyyarn
glolbally.env.example
and rename it to env
. Add the correct values for the env variables.yarn install
yarn dev
Starts the application in development mode (hot-code reloading, error reporting, etc)
yarn data
Pulls data from contentful (make sure you added env variables both into a .env
and into your Netlify project)
yarn static
Builds the app in production mode and exports it as static site ready to be hosted on Netlify.
yarn serve:static
Serves the static site. The application should be compiled with yarn static
first.
yarn build
Compiles the application for production deployment (SSR).
yarn serve:ssr
Starts and serves the application in production mode. The application should be compiled with yarn build
first.
yarn analyze
Builds the app and opens 2 graphs in the browser showing the app's bundle composition.
yarn test
Lints scripts and styles.
yarn test:fix
Lints scripts and styles, and tries to auto-fix any errors.