Skip to content

Setting up Frontend repo

Grab all the tools:

Before spinning up the Frontend server we would need the following tools to be installed so that we can create a development environment for The Dev starter Backend template to spin up.

  • Node.js
  • Yarn/NPM

we need Node.js 18 or higher to run the frontend server.

MacOs Windows Linux

once installed we can run the following command to install all the dependencies from the lock file

Terminal window
yarn install

once dependencies are installed we can setup the .env file refer here for .env configuration

and to run the development server we can use yarn dev

The DevStarter Frontend boilerplate comes with the following script configurations

"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint",
"prettier": "prettier --write .",
"lint:fix": "eslint . --fix",
"type-check": "tsc",
"svgo": "npx svgo -f ./public -o ./public"

here we can see that we have SVGO , Prettier and Linters already configured for a seamless and optimized build