An open API service indexing awesome lists of open source software.

https://github.com/korospace/learn-nextjs


https://github.com/korospace/learn-nextjs

Last synced: 8 months ago
JSON representation

Awesome Lists containing this project

README

          

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

# My Notes

### Setup project

```bash
$ npx create-next-app@13.4.19

✔ What is your project named? … my-app
✔ Would you like to use TypeScript? … Yes
✔ Would you like to use ESLint? … Yes
✔ Would you like to use Tailwind CSS? … Yes
✔ Would you like to use `src/` directory? … Yes
✔ Would you like to use App Router? (recommended) … Yes
✔ Would you like to customize the default import alias? … No

$ cd folder_name

$ npm run dev
```

### Update NextJs Version

```bash
$ npm i next@14.2.0 eslint-config-next@14.2.0
```

### Library

1. firebase

```bash
$ npm i firebase
```

2. next auth

```bash
$ npm i next-auth
```

3. Bcrypt

```
$ npm i bcrypt
```

4. Jest

```
$ npm install -D jest jest-environment-jsdom @testing-library/react @testing-library/jest-dom
$ npm i --save-dev @types/jest
$ npm install --save-dev ts-node
```

5. Prisma

```
// installation
$ yarn add -D prisma
$ yarn add @prisma/client

// init project
$ yarn prisma init

// pull existing table into model code
$ yarn prisma db pull

// generate table from model
$ yarn prisma migrate dev
```