Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings
This repository was archived by the owner on Oct 23, 2022. It is now read-only.

josbroers/nextjs-project-setup

Open more actions menu

Repository files navigation

Next project setup

Prerequisites

Install the Node version listed in .nvmrc (use a Node version manager such as NVM for Mac or NVM for Windows).

  • Use nvm use to install and select the Node version listed in .nvmrc
  • Use node -v > .nvmrc to update the file .nvmrc with the current Node version

Environment Variables

In order to use Google Tag Manager and set the SEO defaults follow these steps:

  1. Add the following three variables to Vercel:
    • NEXT_PUBLIC_GTM (Your Google Tag Manager ID, e.g. GTM-ABCDE1F)
    • NEXT_PUBLIC_SITE_NAME (Your site name, e.g. Next.js Project Setup)
    • NEXT_PUBLIC_SITE_URL (Your site URL, e.g. https://next-project-setup.jobrodo.nl/)
    • NEXT_PUBLIC_IMAGEKIT (Your Imagekit.io endpoint e.g. https://ik.imagekit.io/jobrodo/)
    • NEXT_PUBLIC_BASE64 (A base64-encoded image)
  2. Install the Vercel CLI with npm install -g vercel
  3. Connect your project to vercel with vercel link and configure credentials accordingly
  4. Pull the environment variables with vercel env pull

Scripts

  • Use yarn or yarn install to install the dependencies
  • Use yarn ci to remove the file yarn.lock and the directory node_modules and reinstall the dependencies
  • Use yarn dev to start a local dev server at http://localhost:3000
  • To build the application for production, use yarn build
  • To start a production server, use yarn start
  • To export application as static HTML, use next build && next export
  • For checking on unused imports, use yarn find:unused
  • For analyzing the chunks and modules, use yarn analyze
  • For analyzing dependencies in the project, use yarn depcheck

Vercel CLI

  • To install Vercel CLI use npm install -g vercel
  • To connect a project use vercel link and configure credentials accordingly
  • Use vercel env pull to get the environment variables
  • Use vercel dev to deploy a local test server at http://localhost:3000
  • Use vercel to deploy a preview build
  • Use vercel --prod to deploy a production build

About

This repository is a setup project which can be used for starting an application with Next.js.

Topics

Resources

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

Used by

Contributors

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.