betich / learn-betich

Teaching Resource

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

2. 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

2. 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