Mob - Criar portfólio

[piantino]

• [ ] André Buitoni: https://github.com/saibrotech/mentoria/issues/180

• [ ] Paulinha

• [ ] Junior: #187

• https://nextjs.org/docs/getting-started/installation

• https://nextjs.org/docs/pages/building-your-application/deploying/static-exports#configuration

• npm run build

• npx http-server ./out

• https://nextjs.org/docs/app/building-your-application/routing/defining-routes#creating-routes

• https://ui.shadcn.com/docs/installation/next

[piantino]

Trabalhar com thema escuro e claro:

Open the Command Control: Ctrl+Shift+P or Command+Shift+P (Mac) Type "Show rendering"

[piantino]

Usar HTML semântica para estrutura o conteúdo:

https://www.w3schools.com/html/html5_semantic_elements.asp

[piantino]

Extrair thumbnail de sites:

https://www.opengraph.xyz/

[piantino]

@AndreBuitoni, @PaulaBuitoni e @nilljr vídeo da primeira parte no drive: https://drive.google.com/file/d/18qElOkorz_n5TFHSy7L82E2pD97pVTEG/view?usp=drive_link

[piantino]

Publicação

• O repositório deve ser username.github.com algo como piantino.github.com
• Ativar pages nas configurações do repositório
• Usar Nextjs template
• Adicionar basePath: "" em next.config.mjs

Resultado: https://piantino.github.io/

[piantino]

@nilljr, @PaulaBuitoni e @AndreBuitoni o meu portfólio para referência com o Nextjs: https://github.com/piantino/piantino.github.com

[piantino]

@nilljr , @AndreBuitoni e @PaulaBuitoni vídeo sobre a publicação: https://drive.google.com/file/d/1SdBjGgPD1sKr7kWUiBHfwS8BuSgzPKc_/view?usp=drive_link