
Chegamos aqui
Vocês não fazem ideia do quanto eu sofri para esse blog chegar nesse aspecto atual. Eu instalei o Astro, mas a minha versão do Node instalada no Zorin era muito antiga. Daí tive que tirar o Astro e tirar o Node. Depois fui no site do Node e fiz o procedimento para instalar o Node mais atual.
Instruções do site:
# Download and install nvm:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash
# in lieu of restarting the shell
\. "$HOME/.nvm/nvm.sh"
# Download and install Node.js:
nvm install 22
O próximo passo é checar se tudo foi instalado corretamente, com:
# Checar a versão do Node
node -v
# Checar a versão do npm:
npm -v
É esperado que a versão do Node seja 22.18.0 e a versão do npm seja 10.9.3.
Print da tela
Depois disso dei o comando para iniciar o projeto, instalar as dependências e rodar o projeto:
# Criar o projeto
npm create astro@latest -- --template blog
# Instalar as dependências
npm install
# Rodar o projeto
npm run dev
Depois disso comecei a tentar customizar o template, apaguei umas imagens que achei horríveis, o aplicativo quebrou.
Fiquei com raiva e apaguei tudo. Depois tentei de novo ‘from scratch’ algumas vezes. Desinstalei o Astro, instalei o
Nuxt.js e achei o Nuxt.js pior que o Astro. Voltei para o Astro. Apanhei pra caramba, feito um cão danado. E enfim
consegui entender um pouco a lógica da coisa. É claro que contei com a ajuda do ChatGPT, ele é um recurso que não
podemos nos dar ao luxo de não usar. Mas quebrei bastante a cabeça.
Enfim, chegamos aqui. Juro que foi uma aventura.
Vou dar o comando de buildar essa bagaça, fazer o preview e fazer o deploy para a Netlify.
# Buildar
npm run build
# Pré-visualizar o projeto
npm run preview
# Fazer o deploy
npm install -g netlify-cli
netlify login
netlify deploy --prod
Torçam os dedos por aí!!