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
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í!!