george.bluth@reqres.inEu fiquei inspirado quando o Filipe falou que todo o TabNews era Open Source e API First, então decidi fazer um blog (para fins de aprendizado e apenas com meus proprios posts) com NextJS (com Typescript), Tailwind, Thon UI e as APIs do TabsNews. Esse aqui foi o resultado:
Basicamente esse projeto é um blog, e eu registrei a criação desse projeto em duas partes, cada vídeo tem quase 2h.
O que fiz foi o seguinte
- Estruturação do projeto com Next 13 (pasta app)
- Instalando o Thon UI e o Tailwind
- Montando as partes principais do layout (com layout.tsx)
- Criando a home do projeto
- Consumindo a API que lista os posts de um usuário e pegando o post mais recente
- Montando a página de listagem e detalhes de posts
- Consumindo as APIs de listagem e detalhes de post para popular o blog
- Perfumaria: dando um tapa geral no layout para ficar bonitão
Vou deixar aqui os vídeos e o link do projeto final para quem se interessar. Fiquem a vontade para clonar o repo, fazer fork e dar feedbacks.
## Links
### Videos
- Parte 1: https://www.youtube.com/watch?v=oxgZuLB-3yI
- Parte 2: https://www.youtube.com/watch?v=SKJhmUpfKOc (começa em 3:13)
### Projeto, Repo e Figma
- Projeto Final: https://tab-news-blog.vercel.app/
- Link do Repo no GitHub: https://github.com/guscsales/tab-news-blog
- Link do Mockup no Figma: https://www.figma.com/file/RFKkmznNgvWW3I2zKONwNn/Gus-Quem-Fala---Blog-%2B-TabNews?node-id=0%3A1&t=v4D3NNjUZ2xUjCwm-0
Valeu dms! :D
Testando SSG no Next 13