Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Next.js 14 na prática: Crie uma aplicação Full Stack - 2025
Rating: 4.8 out of 5(97 ratings)
572 students

Next.js 14 na prática: Crie uma aplicação Full Stack - 2025

Faça o Deploy de uma aplicação monetizável com Next.js 14, TypeScript, Tailwind CSS, Stripe, Drizzle ORM e muito mais.
Created byGabriel Borges
Last updated 4/2025
Portuguese
Portuguese [Auto],

What you'll learn

  • Criar do zero ao deploy um poderoso criador de currículos interativo.
  • Implementar um sistema de login utilizando Google ou Github
  • Gerenciar banco de dados utilizando um ORM moderno (Drizzle)
  • Gerar conteúdo com Inteligência Artificial
  • Monetizar o projeto com compras via Stripe
  • Gerar PDF com componentes HTML

Course content

12 sections • 39 lectures • 10h 59m total length
  • Apresentação do Projeto4:36

    Nesta aula você irá conhecer o projeto que iremos criar durante o curso.

  • Repositório do Projeto

Requirements

  • Visual Studio Code
  • Node 18

Description

Neste curso, você aprenderá a criar do zero ao deploy o ResumeCraft, um poderoso criador de currículos interativo inspirado no projeto open-source RxResume. Este curso oferece uma experiência prática e detalhada, desde a concepção até a implementação final de um projeto completo utilizando as mais recentes tecnologias do mercado.


O que você vai construir?

Durante o curso, você desenvolverá um projeto completo com as seguintes funcionalidades:


  • Autenticação: Implementação de um sistema de login e registro de usuários, utilizando Google ou Github.

  • Criação de Currículos com Editor em Tempo Real: Ferramenta interativa para criar e personalizar currículos.

  • Armazenamento no Banco de Dados: Salve os currículos criados pelos usuários em um banco de dados.

  • Geração de Conteúdo com Inteligência Artificial: Utilize AI para sugerir descrições e otimizar os currículos dos usuários.

  • Funcionalidades Premium com Compra via Stripe: Monetize seu projeto oferecendo funcionalidades avançadas através de pagamentos online.

  • Geração de PDF com Componentes HTML: Exporte currículos para PDF diretamente do editor, mantendo o layout impecável.


Tecnologias Utilizadas

Para criar o ResumeCraft, utilizaremos as seguintes tecnologias:


  • Next.js 14 - Framework React para aplicações web modernas.

  • TypeScript - Superset de JavaScript que adiciona tipagem estática.

  • Auth.js (NextAuth) - Solução completa para autenticação.

  • shadcn/ui - Componentes de interface reutilizáveis.

  • Tailwind CSS - Framework de CSS utilitário para um design ágil e responsivo.

  • Drizzle ORM - Ferramenta para gerenciar o banco de dados de forma simples e eficiente.

  • Puppeteer - Biblioteca para automação de navegadores, usada na geração de PDFs.

  • Stripe - Plataforma de pagamentos para implementar funcionalidades premium.

  • TanStack Query - Gerenciamento de estados assíncronos e sincronização de dados.

  • React Hook Form - Ferramenta para gerenciar formulários com facilidade.

  • OpenAI - API para integrar inteligência artificial na geração de conteúdo.


Por que fazer este curso?

Ao concluir este curso, você terá desenvolvido um projeto completo e funcional que pode ser usado como base para outros produtos. Além disso, você irá dominar uma stack moderna e bastante utilizada no mercado de trabalho, posicionando-se à frente em termos de conhecimento e prática.


Venha construir o futuro dos currículos com o ResumeCraft!

Who this course is for:

  • Desenvolvedores com experiência prévia em ReactJS e TypeScript que desejam aprender NextJS na prática construindo uma aplicação Full Stack
  • Desenvolvedores com experiência em NextJS que desejam conhecer as funcionalidades da versão 14 na prática