Next.js 14 Mastery for Building Modern Web Apps
Curso
90 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.
Confiado por funcionários de empresas líderes
Compartilhe nas redes sociais e na sua avaliação de desempenho
Existem 7 módulos neste curso
Learn to build modern, high-performance web applications using Next.js. Set up projects with structured layouts, styling, and routing for seamless navigation. Fetch and display data efficiently while optimizing rendering and performance. Implement advanced features like pagination, CRUD operations, and global search for dynamic web apps. Deploy your Next.js projects and connect them with databases, and add authentication to protect user data.- 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.
Recomendado se você estiver interessado em aprender React
curso
Noções Básicas de C#
curso
Essenciais de HTML
curso
Essenciais de Desenvolvimento Web com IA
curso
Ninja do JavaScript
curso
New Script JS
curso
HTML Definitivo
curso
Introduction to JavaScript
curso
Fundamentos de Java
curso
CSS Fundamentals
curso
Introdução ao .NET com C#
curso
C# Beyond Basics
curso
Web Development with Wix
curso
Noções Básicas de C#
curso
Essenciais de HTML
curso
Essenciais de Desenvolvimento Web com IA
curso
Ninja do JavaScript
curso
New Script JS
curso
HTML Definitivo
curso
Introduction to JavaScript
curso
Fundamentos de Java
curso
CSS Fundamentals
curso
Introdução ao .NET com C#
curso
C# Beyond Basics
curso
Web Development with Wix
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.Sua assinatura também inclui:
curso
Noções Básicas de C#
curso
Essenciais de HTML
curso
Essenciais de Desenvolvimento Web com IA
curso
Ninja do JavaScript
curso
New Script JS
curso
HTML Definitivo
curso
Introduction to JavaScript
curso
Fundamentos de Java
curso
CSS Fundamentals
curso
Introdução ao .NET com C#
curso
C# Beyond Basics
curso
Web Development with Wix
curso
Noções Básicas de C#
curso
Essenciais de HTML
curso
Essenciais de Desenvolvimento Web com IA
curso
Ninja do JavaScript
curso
New Script JS
curso
HTML Definitivo
curso
Introduction to JavaScript
curso
Fundamentos de Java
curso
CSS Fundamentals
curso
Introdução ao .NET com C#
curso
C# Beyond Basics
curso
Web Development with Wix
Perguntas frequentes
Ainda tem dúvidas?
Escreva sua pergunta aqui