react-template

A template with Next.js built on React with focus on performance and best practices.

Quick start

Note You need Node.js on your computer before running Node.js on your computer before running.

1. First clone this repository and navigate into your project directory
2. copy .env-example .env - copy the .env file
3. Install the dependencies: npm run install
4. Run the development server: npm run dev

Starting development mode

To launch the project in development mode with hot module replacement.

• npm run dev: to compile the React application and serve it to the browser
• npm run dev:turbo: to compile faster in local development

You can view the development server at http://localhost:3000

Starting production mode

Build and optimize your application with Vite for production.

• npm run build: build for production with minification

Exporting React project

Build the application, generate every route as a HTML file and statically export to directory.

• npm run export: to generate static project files

Starting the project

Start the production server (after running npm run build).

• npm run start: starts a web-server with a preview of your project

Commands for linting/fixing files

Navigate into your project directory and start linting your files.

• npm run lint:js: lints JavaScript files
  • npm run lint:js:fix: to eliminate all possible errors
• npm run lint:css: lints Cascading Style Sheets files
  • npm run lint:css:fix: to eliminate all possible errors
• npm run lint:files: lints configuration files with Prettier
  • npm run lint:files:fix: to eliminate all possible errors
• npm run lint:full - to run all lints commands above
• npm run lint:full:fix - to run all lints all commands above and fix those automatically

Additional information

Commands for NPM to manage the packages.

• npx npm-check-updates - to show outdated NPM packages
• npx npm-check-updates -u - to update NPM packages