Explore diferentes funcionalidades do Next.js criando um blog pessoal utilizando o MDX!

• Utilize o Next.js na versão mais atual para construir a estrutura do projeto e gerenciar as rotas da aplicação.
• Implemente a aplicação pensando na responsividade e adaptabilidade.
• Utilize MDX para criar as postagens do blog.
• Estilize a aplicação utilizando o TailwindCSS.

• Liste as postagens do blog, contendo título, uma breve descrição, a data de publicação e um link que direciona para a postagem completa.
• A lista deve ser organizada de forma que as postagens mais recentes apareçam primeiro.

• Crie um arquivo .mdx para cada postagem.
• Cada arquivo .mdx criado deverá ser uma rota da aplicação.
• Adicione qualquer elemento que achar relevante para a sua postagem, como imagens, headings, listas, links, etc.

• Faça o deploy da sua implementação no Codante.

• Estude sobre a biblioteca @next/mdx, disponibilizada pelo Next.js.
• Você pode utilizar o Tailwind Typography para estilizar o conteúdo das postagens de maneira rápida e eficiente.

Temos uma sugestão de design no Figma. Entretanto, fique à vontade para usar sua criatividade e criar um design único. 🔗 Link do Figma

• TailwindCSS
• Next.js
• MDX
• TypeScript

• HTML, CSS
• JavaScript, React

A utilização de arquivos MDX foi pensada para remover a necessidade de um back-end para armazenar as postagens e aproveitar a praticidade de se criar conteúdos utilizando documentos no formato markdown. Isso tudo é facilitado pela biblioteca @next/mdx. No entanto, você pode utilizar outras ferramentas para criar as postagens. No entanto, a solução oficial pode não abordar essas variações.

A resolução oficial sempre é disponibilizada no site oficial do Codante. Algumas resoluções são abertas e outras são exclusivas para os nossos membros PRO.