Next.js 14 Mastery for Building Modern Web Apps
Curso
665 Alunos já inscritos- Understand the core concepts of Next.js, a powerful framework built on top of React for developing robust web applications.
- Gain knowledge on creating, styling, and optimizing web pages and layouts to create interactive user interfaces.
- Become proficient in deploying web applications and managing database connectivity for full-stack development.
- Familiarize with fetching, manipulating, and displaying data dynamically, incorporating advanced features and loaders to enhance user experience.
Equipe seu negócio com tecnologia de ponta Dados e IA especialização.
Compartilhe nas redes sociais e na sua avaliação de desempenho
Existem 7 módulos neste curso
Next.js is a React framework designed for creating full-stack web applications. With Next.js, you utilize React to construct user interfaces while benefiting from additional features and optimizations provided by the framework.- Setting Up the Next.js ProjectPré-visualização
- Understanding the Project File and Folder StructurePré-visualização
- Styling Approaches in Next.jsPré-visualização
- Adding the Global CSS FilePré-visualização
- Using Tailwind CSS for StylingPré-visualização
- Working with CSS ModulesPré-visualização
- Applying Styles ConditionallyPré-visualização
- Adding Custom Google FontsPré-visualização
- Challenge: Implementing a Custom Google FontPré-visualização
- Handling Images in Next.jsPré-visualização
- How to Fetch Data in Next.jsPré-visualização
- Working with the Dashboard PagePré-visualização
- Challenge: Retrieving and Displaying DataPré-visualização
- Dynamic vs. Static Rendering in Next.jsPré-visualização
- Understanding LoadersPré-visualização
- Implementing Specific Part LoadersPré-visualização
- Challenge: Create a Skeleton LoaderPré-visualização
- Optimizing Loaders with Component GroupingPré-visualização
- Building the Invoices PagePré-visualização
- Developing the Search FunctionalityPré-visualização
- Adding Pagination to a Next.js AppPré-visualização
- Using Server Actions in Next.jsPré-visualização
- Creating a New Item in the DatabasePré-visualização
- Updating an Item in the DatabasePré-visualização
- Deleting an Item in the DatabasePré-visualização
- Challenge: Implementing Form ValidationPré-visualização
- Understanding AuthenticationPré-visualização
- Setting Up the Login RoutePré-visualização
- Using NextAuth.js for AuthenticationPré-visualização
- Configuring Authentication and Protecting RoutesPré-visualização
- Hashing Passwords and Managing CredentialsPré-visualização
- Implementing Sign-In FunctionalityPré-visualização
- Connecting the UI with Authentication LogicPré-visualização
- Implementing Logout FunctionalityPré-visualização
- Final Thoughts and Next StepsPré-visualização
Escolhido por estudantes das melhores escolas
Por que as pessoas escolhem o Codefinity para sua carreira
Kwizera Mugisha
The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.
Sherry Barnes-Fox
My first course was 4 hours, I did it in a few days, "nugget-style. The instructions are very clear and easy to understand. There is even a hint to help you get the answer, and if you still cannot get the answer, then you can display the answer. I love the learning style that is used, it engages me.
Bill Wagner
I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.
Stephanie Chan
As I went through the first course of the Python track, I liked the way the course was lay out (in easy and digestible modules) with little exercises at the end of each concept.
Daniel Chinea
I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming.
Steve Bruening
The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.
Avaliações de alunos
4.4
8 avaliações
5
63%
4
13%
3
25%
2
0%
1
0%
Mostrando 3 de 8 avaliações
Vagner Paes
5
Avaliado em Apr 28, 2025
good introductory course
Gina Castromonte
5
Avaliado em Apr 22, 2025
The detailed instructions and the step-by-step guide effectively clarify the concepts.
KOFFI HUBERT MESSEKO
5
Avaliado em Mar 9, 2025
Recomendado se você estiver interessado em aprenderReact
Abrace a fascinação das habilidades tecnológicas! Nosso assistente de IA fornece feedback em tempo real, dicas personalizadas e explicações de erros, capacitando você a aprender com confiança.
Com os Espaços de Trabalho, você pode criar e compartilhar projetos diretamente em nossa plataforma. Preparamos modelos para sua conveniência
Assuma o controle do desenvolvimento de sua carreira e comece seu caminho para dominar as tecnologias mais recentes
Projetos do mundo real elevam seu portfólio, mostrando habilidades práticas para impressionar potenciais empregadores
Acesso completo ao catálogo
Uma assinatura abre este curso e todo o nosso catálogo de projetos e habilidades.
Conteúdo selecionado e bem avaliadoNovos cursos adicionados semanalmenteAssistente de IA para responder a quaisquer perguntasComunidade apaixonada de aprendizes
100+ Cursos bem avaliadosCertificados de conclusãoAssistente de IA em todos os cursos
20+ Projetos práticos do mundo realTrilhas de estudo personalizadasEspaços de trabalho ilimitados100+ Cursos bem avaliadosCertificados de conclusãoAssistente de IA em todos os cursos20+ Projetos práticos do mundo realTrilhas de estudo personalizadasEspaços de trabalho ilimitadosSua assinatura também inclui:
Perguntas frequentes
Ainda tem dúvidas?
Escreva sua pergunta aqui
