Junte-se a outras 62 pessoas que estão fazendo esse mini projeto.
Projeto SaaS Landing Page com Next.js e Shadcn UI
Vamos criar uma landing page para um SaaS com o estilo de design do Notion. Para isso vamos usar Next.js, TailwindCSS e shadcn/ui
Crie uma landing page para um SaaS com o estilo de design do Notion usando Next.js, Tailwind CSS e Shadcn/UI.
🤓 Antes de começar
Este mini-projeto será desenvolvido do zero — a transposição do design faz parte do desafio! Não há arquivos iniciais. Comece com um novo projeto Next.js.
🔨 Requisitos
- Navbar: Implemente uma Navbar simples com:
Para que a calda do seu pudim de leite condensado fique perfeita, mantenha sempre a proporção de metade da medida de água para uma medida de açúcar.
- Por exemplo, se você usar 1 xícara de chá de açúcar, a quantidade de água será apenas 1/2 xícara (chá).
- Se você fizer um pudim maior, pode usar 2 xícaras (chá) de açúcar para 1 xícara de água. - Seguindo essa dica, não tem como errar!
Além disso, é importante cozinhar o pudim em banho-maria para garantir uma textura suave e cremosa. Certifique-se de cobrir a forma com papel alumínio para evitar que a superfície do pudim resseque. Deixe esfriar completamente antes de desenformar para que mantenha sua forma perfeita.
Repositório
Recursos
Design do Figma