Netlify 없이 Turborepo를 배포하도록 구성할 수 있습니다.
um dia desses passei por uma dificuldade que foi fazer o deploy de uma aplicação minha utilizando Turborepo com Next.js e como accredito que mais pessoas possam ter esse problema, resolvi fazer um guia de como fazer as configurações iniciais, bora la?
Setup / Configurações iniciaiis
Bom primeiro vamos começar com o básico mesmo, criar uma aplicação utilizando o Turborepo, que é bem simples, basta você executar esse comando abaixo no terminal :)
npx create-turbo@latest
E aí provavelmente vai aparecer algo do tipo:
Need to install the following packages:
[email protected]
Ok to proceed? (y)
Basta você apertar
enter ⏎
ou y
que ele vai baixar essa dependsência pra você poder criar o projeto de uma forma bem mais simples. Logo após vai algo parecido com isso:>>> TURBOREPO
>>> Welcome to Turborepo! Let's get you set up with a new codebase.
? Where would you like to create your turborepo? (./my-turborepo)
E nesse caso eu apertei
enter ⏎
pra ele usar esse nome padrão mesmo. Depois ele vai pedir pra você utilizar o package manager de sua preferência:? Which package manager do you want to use? (Use arrow keys)
❯ npm
pnpm
yarn
Eu escolhi o
npm
mesmo pra facilitar a vida de vocês :DApós tudo isso provavelmente na tela de vocês vai ter algo assim:
>>> TURBOREPO
>>> Welcome to Turborepo! Let's get you set up with a new codebase.
? Where would you like to create your turborepo? ./my-turborepo
? Which package manager do you want to use? npm
>>> Creating a new turborepo with the following:
- apps/web: Next.js with TypeScript
- apps/docs: Next.js with TypeScript
- packages/ui: Shared React component library
- packages/eslint-config-custom: Shared configuration (ESLint)
- packages/tsconfig: Shared TypeScript `tsconfig.json`
> Installing dependencies...
E por fim vai estar tudo instalado lindamente ea gente vai poder ir pra parte que interessa. 😎.
Vamos abrir a 파스타 com nosso editor de código preferido (no meu caso é o VSCode) e quando a gente abrir a gente vai ter algo parecido com isso na estrutura de 파스타:

Netlify 구성 크리안도
Após verificar que está tudo certo, vamos criar um arquivo chamado
netlify.toml
dentro do./apps/web

E dentro do
netlify.toml
vamos colocar o seguinte código:[build]
command = "cd ../.. && npm install && npm run build"
publish = ".next"
[[plugins]]
package = "@netlify/plugin-nextjs"
그래서, mas pra que isso?
Bom, isso é basicamente o arquivo de configuração que o Netlify olha antes de fazer o deployment.
O
[build]
é a etapa que o Netlify olha para saber como vai fazer o 빌드O
[[plugins]]
이전에 플러그인을 설치하거나 플러그인을 설치하거나 내부 배포를 용이하게 하기 위해 이전 작업을 수행했습니다. 더 이상 추가 플러그인을 가져오지 않아도 됩니다Next.js
. 다음으로 캐시 내부 및 유틸리티SSR
나 다음 플러그인이 필요하지 않습니다.Após isso configurado a gente vai fazer um commit no nosso repo para que a gente possa subir em um repo no GitHub e fazer o deploy em si. Nesse commit abaixo reparem que estou utilizando uma convenção famosa para commits que é o conventional commits coloquem um comentário caso queiram que eu traga algo relacionado a padrões de commit :)
git add .
git commit -m "build(web): adding Netlify configuration file"
Já feito o commit agora precisamos criar um repo no GitHub para settarmos o remote e podermos dar push

Aqui eu criei o repo com o nome
Edge Functions
mas vocês podem dar o nome que preferirem.Após isso vai abrir a tela do GitHub mostrando algo tipo assim

Vocês vão copiar a parte de baixo já que já temos um repo existente

E depois vocês vão colar no terminal do nosso projeto, rodar os comandos e voilá ✨, temos agora o nosso código dentro do GitHub

Bom... Depois de ter criado e subido nosso código no GitHub, agora podemos ir pro Netlify fazer a última etapa 😁!
Deployando 사이트 없음 Netlify
Abram은 Netlify를 사용하지 않고 클릭하지 않고 클릭하지 않습니다
netlify-turborepo-post
.
옵션 선택
Add new site

GitHub에서 공급자 선택

Pesquisem o nome que deram ao projeto de vocês

Depois coloquem essas configurações 기본 빌드 설정 없음

Aí é só clicar em deploy e aguardar 😎...
Netlify lindamente 😁🎆.
Porém ele vai ter essa cara feia aqui, masssssss... aí pra alterar isso é por conta de vocês!

링크 배포: https://thayto-netlify-turborepo-post.netlify.app/
GitHub의 저장소 링크: https://github.com/rafa-thayto/netlify-turborepo-post
Reference
이 문제에 관하여(Netlify 없이 Turborepo를 배포하도록 구성할 수 있습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/thayto/como-configurar-o-deploy-do-turborepo-no-netlify-45f8텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)