1. Estrutura inicial
Caso deseje ir um passo além, implemente também a alternância entre os temas (dark/light).
2. Funcionalidades obrigatórias
Desenvolvimento de Interface
Você deve seguir fielmente o figma e exibir os seguintes componentes:
- Avatar;
- Lista de links;
- Redes sociais.
Integração com CMS
Você deve integrar o projeto com um CMS de sua escolha para a edição/consumo dos seguintes dados:
- Avatar;
- Lista de links;
- Redes sociais.
Uma sugestão de CMS é o Prismic
3. Funcionalidade opcional
Theme switcher:
Implemente a alternância de tema (claro/escuro) no Next.js. Como dica, sugerimos o combo Shadcn + Next themes.
4. Desenvolvendo o projeto
Para desenvolver esse projeto, recomendamos utilizar as principais ferramentas que utilizamos durante o desenvolvimento do primeiro módulo da formação.
Caso você tenha alguma dificuldade você pode ir no nosso fórum e deixar sua dúvida por lá!
Após terminar o desafio, caso você queira, você pode tentar dar o próximo passo e deixar a aplicação com a sua cara. Tente mudar o layout, cores, ou até adicionar novas funcionalidades para ir além 🚀
5. Entrega
Após concluir o desafio, você deve enviar a URL do seu código no Github.
Além disso, que tal fazer um post no LinkedIn compartilhando o seu aprendizado e contando como foi a experiência?
É uma excelente forma de demonstrar seus conhecimentos e atrair novas oportunidades!
Obs: Se você se sentir à vontade, pode postar um print do resultado final e nos marcar!
Vai ser incrível acompanhar a sua evolução! 💜
Feito com 💜 por Rocketseat 👋
1. Estrutura inicial
Caso deseje ir um passo além, implemente também a alternância entre os temas (dark/light).
2. Funcionalidades obrigatórias
Desenvolvimento de Interface
Você deve seguir fielmente o figma e exibir os seguintes componentes:
- Avatar;
- Lista de links;
- Redes sociais.
Integração com CMS
Você deve integrar o projeto com um CMS de sua escolha para a edição/consumo dos seguintes dados:
- Avatar;
- Lista de links;
- Redes sociais.
Uma sugestão de CMS é o Prismic
3. Funcionalidade opcional
Theme switcher:
Implemente a alternância de tema (claro/escuro) no Next.js. Como dica, sugerimos o combo Shadcn + Next themes.
4. Desenvolvendo o projeto
Para desenvolver esse projeto, recomendamos utilizar as principais ferramentas que utilizamos durante o desenvolvimento do primeiro módulo da formação.
Caso você tenha alguma dificuldade você pode ir no nosso fórum e deixar sua dúvida por lá!
Após terminar o desafio, caso você queira, você pode tentar dar o próximo passo e deixar a aplicação com a sua cara. Tente mudar o layout, cores, ou até adicionar novas funcionalidades para ir além 🚀
5. Entrega
Após concluir o desafio, você deve enviar a URL do seu código no Github.
Além disso, que tal fazer um post no LinkedIn compartilhando o seu aprendizado e contando como foi a experiência?
É uma excelente forma de demonstrar seus conhecimentos e atrair novas oportunidades!
Obs: Se você se sentir à vontade, pode postar um print do resultado final e nos marcar!
Vai ser incrível acompanhar a sua evolução! 💜
Feito com 💜 por Rocketseat 👋
