/learn-betich

Teaching Resource

Primary LanguageTypeScript

Next.js App

This is project was bootstrapped with betich's Next.js boilerplate template.

Instructions

Below are ways to start your project with this boilerplate.

  1. Use degit to clone the repo
npx degit betich/next-boilerplate your-app-name
cd your-app-name
git branch -m master main
npm i
  1. Clone the repo with git
git clone https://github.com/betich/next-boilerplate your-app-name
cd your-app-name
npm i

Features

  1. Typescript alias paths
import { Header } from "@components/Main"
import { User } from "@types"

We've added alias paths for

  • src/@types => @types
  • src/components => @components
  • src/styles => @styles
  • src/elements => @elements
  • src/utils => @utils
  1. Prettier

Prettier is a popular code formatting tool. You can customise how prettier works by editing the .prettierrc file.

Optional

  1. sass/scss
npm i sass -D