Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/betich/learn-betich
Teaching Resource
https://github.com/betich/learn-betich
Last synced: 3 days ago
JSON representation
Teaching Resource
- Host: GitHub
- URL: https://github.com/betich/learn-betich
- Owner: betich
- Created: 2022-06-29T19:57:21.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-09-08T10:28:45.000Z (over 2 years ago)
- Last Synced: 2023-03-06T00:01:00.157Z (almost 2 years ago)
- Language: TypeScript
- Homepage: learn-betich.vercel.app
- Size: 1.81 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js App
This is project was bootstrapped with [betich's](https://github.com/betich/next-boilerplate) Next.js boilerplate template.
## Instructions
Below are ways to start your project with this boilerplate.
1. Use `degit` to clone the repo
```bash
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
```bash
git clone https://github.com/betich/next-boilerplate your-app-name
cd your-app-name
npm i
```## Features
1. Typescript alias paths
```ts
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
```bash
npm i sass -D
```