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

Assistir agora

1. Apresentacao do Projeto

Todos os nossos projetos são gratuitos, porém os tutoriais são exclusivos para membros do Codante PRO. Algumas aulas estão abertas para você experimentar.

Se gostar, considere assinar para ter acesso a todos os tutoriais e apoiar o projeto!

Seu Instrutor

Roberto Cestari

Codante.io

Fundador e Professor no Codante.io.

Foi Tech Lead de front-end e professor especialista em React.

Formado e Mestre pela USP e formado pela FGV - EAESP.

Fundador e desenvolvedor da plataforma Trilhante, uma das maiores empresas de educação jurídica do país.

Junte-se a outras 18 pessoas que estão fazendo esse mini projeto.

Projeto SaaS Landing Page com Next.js e Shadcn UI

Assistir agora

Seu Instrutor

Roberto Cestari

Aulas

Apresentacao do Projeto

O que vamos construir

Setup do projeto Next.js

Favicon no Next.js

Criando o HTML do projeto

Imagens com next/image

Criando textura noise no background

Navbar

Instalando shadcn/ui

Primeira Seção

Seção Como Funciona

Card de preço com shadcn

Callout e footer

Responsividade

Menu Mobile

Junte-se a outras 18 pessoas que estão fazendo esse mini projeto.