yarn berry + nextjs

• install yarn berry
• install Nextjs, eslint, prettier, sass

Yarn berry

if you don't have yarn yet

npm i -g yarn

 

install react or react typescript anything you want

yarn create next-app

 

and change set to berry version

yarn set version berry​

 

checkout the file location and if you open location, press ctrl+ '.yarn/releases/yarn-3...' 

find .yarnrc.yml and remove nodeLinker: node-modules and add yarnPath

//nodeLinker: node-modules <- remove this!!
yarnPath: .yarn/releases/yarn-3.2.1.cjs

 

you will see results below

yarn install​

new files after yarn install

 

add bellow on .gitignore

### yarn ###
# Not using Zero-Install
.pnp.*
.yarn/*
!.yarn/patches
!.yarn/plugins
!.yarn/releases
!.yarn/sdks
!.yarn/versions

https://haranglog.tistory.com/28

Yarn berry에서 React + Jest + Cypress + TypeScript + Github Actions CI/CD를 세팅해보자

https://yarnpkg.com/getting-started/migration/#step-by-step

Migration

 

Eslint and Prettier

luckily Eslint already installed in Next.js

https://nextjs.org/docs/basic-features/eslint

Basic Features: ESLint | Next.js

and prettier

https://nextjs.org/docs/basic-features/eslint#prettier

Basic Features: ESLint | Next.js

https://nextjs.org/docs/basic-features/built-in-css-support#sass-support

Basic Features: Built-in CSS Support | Next.js