Course Outline

Introduction to Next.js 14

  • What's new in Next.js 14?
  • Setting up the development environment
  • Exploring the Next.js directory structure and configuration

Deep Dive into New Features

  • Understanding Middleware and its use cases
  • Implementing React Server Components
  • Working with Edge Functions for enhanced performance

Building a Full-Fledged Application

  • Structuring a Next.js project for scalability
  • Advanced routing and dynamic pages
  • State management with React Context and hooks

Performance Optimization

  • Techniques for optimizing load times and Core Web Vitals
  • Best practices for image optimization and lazy loading
  • Deploying and monitoring a Next.js application

Troubleshooting and Debugging

  • Common pitfalls and how to avoid them
  • Debugging Next.js applications effectively
  • Utilizing the Next.js community and resources for ongoing support

Summary and Next Steps

Requirements

  • Solid understanding of JavaScript ES6 and React basics
  • Familiarity with web development concepts and workflows
  • Experience with server-side rendering and static site generation is a plus

Audience

  • Web developers
  • React developers
  • Technical leads and architects


 

 21 Hours

Number of participants



Price per participant

Open Training Courses require 5+ participants.

Testimonials (7)

I like the professionality of the trainer, he really knows what he is talking about and able to explain almost even the simple subjects on the topic which is great.

Marlon - National Confederation of Cooperatives
Course - React with Next.js

It was nice it had a lot of exercise, but the pace is too fast.

Irina - Thales Group
Course - Advanced React

The situation was atypical because an intensive training for developers was to be conducted with non-developers. Lukasz took up this challenge with empathy and a lot of humour. Through his intelligent and flexible manner, he was able to ensure that a concrete learning gain was achieved for everyone. I enjoyed this very much and would gladly take a seminar with Lukasz again.

Christoph - Honda Bank GmbH
Course - MERN Fullstack Development

How the trainer structured and explained the lessons: from the pace of speech to the information explained, so that both experienced and beginners understand. Thank you, Marcin!

Ana - MSG system
Course - Building Micro Frontends with React

Friendly environment. Also, I liked one on one training. It’s very productive. I would definitely recommend it to my friends and colleagues.

Zeed - Tamkeen Technologies
Course - Building Microservices with NodeJS and React

The general knowledge sharing by Narendra and all the dev resources shared

Pako Diale
Course - Transform a React Application into a Progressive Web App (PWA)

Łukasz patience

Stroila Adrian Emilian
Course - React, Redux and TypeScript

Machine Translated

Related Courses

React with Next.js
14 Hours

This instructor-led, live training in Malaysia (online or onsite) is aimed at web developers who wish to use Next.js to create React applications.

By the end of this training, participants will be able to:

  • Develop server-side web applications and static sites in Next.js.
  • Handle and store data with MongoDB.
  • Secure a web application with AuthO authentication.
Read more...

Advanced React
14 Hours

This instructor-led, live training in Malaysia (online or onsite) is aimed at developers who wish to build React components and design complex applications.

By the end of this training, participants will be able to:

  • Understand React's advanced concepts, including context APIs, HOCs, external state, asynchronous APIs, etc.
  • Build composable components with React.
  • Enable server side and client side authentication.
  • Implement React and Redux libraries to manage complex stateful applications.
  • Reduce code and optimize an application's performance.
  • Test and deploy an application.
Read more...

FARM (FastAPI, React, and MongoDB) Full Stack Development
14 Hours

This instructor-led, live training in (online or onsite) is aimed at developers who wish to use the FARM (FastAPI, React, and MongoDB) stack to build dynamic, high-performance, and scalable web applications.

By the end of this training, participants will be able to:

  • Set up the necessary development environment that integrates FastAPI, React, and MongoDB.
  • Understand the key concepts, features, and benefits of the FARM stack.
  • Learn how to build REST APIs with FastAPI.
  • Learn how to design interactive applications with React.
  • Develop, test, and deploy applications (front end and back end) using the FARM stack.
Read more...

Choosing the Right JavaScript Framework
14 Hours

This instructor-led, live training in Malaysia (onsite or remote) is aimed at developers who need to decide which JavaScript framework to use to develop front-end applications.

By the end of this training, participants will be able to:

  • Set up an optimal development environment to start developing front-end applications.
  • Implement demo applications to test the limitations and benefits of a JavaScript framework.
  • Decide on which JavaScript framework is the best fit.
Read more...

Testing React Apps with Jest
14 Hours

This instructor-led, live training in Malaysia (onsite or remote) is aimed at engineers who wish to use Jest to test React applications and components.

By the end of this training, participants will be able to:

  • Install and configure a proper testing environment.
  • Write asynchronous tests for React apps and components.
  • Run Jest advanced tests that include mocking, spies and stubs.
Read more...

MERN Fullstack Development
14 Hours

This instructor-led, live training in Malaysia (online or onsite) is aimed at web developers who wish to use the MERN Stack for fullstack development.

By the end of this training, participants will be able to:

  • Integrate React with MongoDB, Express, and Node.js.
  • Build a fullstack web application from scratch.
  • Implement application security through authorization and authentication.
Read more...

Meteor and React
14 Hours

This instructor-led, live training in Malaysia (online or onsite) is aimed at web developers who wish to use Meteor and React for full stack development.

By the end of this training, participants will be able to:

  • Build and prototype web applications.
  • Structure an applications user interfaces from reusable components.
  • Manage data across clients and servers with Meteor.
Read more...

Building Micro Frontends with React
21 Hours

This instructor-led, live training in Malaysia (online or onsite) is aimed at developers who wish to use React to develop, test, and deploy micro-frontends for large web applications, making them highly-scalable, technology agnostic, and easier to maintain.

By the end of this training, participants will be able to:

  • Set up the necessary development environment to start developing micro-frontends with React.
  • Understand the architecture, core concepts, and advantages of micro-frontends.
  • Learn how to build, integrate, test, and deploy micro-frontends with React.
  • Implement micro-frontends with module federation.
  • Apply the CI/CD pipeline production-grade workflow.
  • Know the common issues with CSS in micro-frontends and how to fix them.
  • Get insights on how to implement other frontend frameworks with React.
Read more...

Building Microservices with NodeJS and React
21 Hours

This instructor-led, live training in Malaysia (online or onsite) is aimed at experienced developers who wish to build, deploy, and scale applications using microservices built with NodeJS and React.

By the end of this training, participants will be able to:

  • Develop, deploy, and scale applications using different microservices.
  • Build a server-side rendered React application.
  • Deploy multi-service apps to the cloud using Docker and Kubernetes.
  • Perform application testing on microservices.
Read more...

PHP with React
14 Hours

This instructor-led, live training in Malaysia (online or onsite) is aimed at developers who wish to use PHP to deploy a back-end server for a React application.

By the end of this training, participants will be able to:

  • Set up the necessary development environment to start developing.
  • Render React components in PHP with the help of PHP extension V8js.
  • Use PHP to create APIs that interact with database systems.
  • Use module-bundlers such as Webpack to compile React code.
Read more...

React: Build Highly Interactive Web Applications
21 Hours

In this instructor-led, live training in Malaysia, we demonstrate React's power and flexibility, compare it to alternative frameworks, and walk participants step-by-step through the creation of their own React application.

By the end of this course, participants will be able to:

  • Understand React's design philosophy.
  • Decide when and where it makes sense to use React, and when to rethink the conventional MVC model.
  • Understand React concepts such as components, props, state, and lifecycle.
  • Implement related technologies such as Babel, Webpack, and JSX.
  • Build, test and deploy an interactive web application.
Read more...

Building Interactive Applications with React, Redux and GraphQL
28 Hours

In this instructor-led, live training in Malaysia, participants will learn how to build React applications using Flux and GraphQL. The course covers installation, setup, integration, testing, deployment and best practices as it walks participants through the creation of a series of sample applications that demonstrate how to add additional levels of complexity and "coolness" to an application using the most advanced toolkits and techniques.

Developing applications with React requires a different kind of thinking, compared to what some developers are accustomed to, especially when coming from the mindset of other MVC frameworks such as AngularJS and Bootstrap.
This training covers the fundamentals behind of the technologies used each step of the way so that participants are not only able to build a functional application, but also understand why a particular approach is used. This lays the groundwork for thinking independently and creatively about the design and the desired results for building their own applications in the future.

Read more...

React Patterns
14 Hours

This instructor-led, live training (online or onsite) is aimed at developers with React skills who wish to optimize and improve their creation of React applications by understanding and applying React's component patterns.  

By the end of this training, participants will be able to:

  • Understand the different types of React Patterns
  • Use React Context API for web applications

Format of the Course

  • Interactive lecture and discussion.
  • Lots of exercises and practice.
  • Hands-on implementation in a live-lab environment.

Course Customization Options

  • To request a customized training for this course, please contact us to arrange.
  • To learn more about React, please visit: https://reactjs.org
Read more...

Transform a React Application into a Progressive Web App (PWA)
14 Hours

This instructor-led, live training in Malaysia (onsite or remote) is aimed at developers who wish to transform a React application into a Progressive Web App.

By the end of this training, participants will be able to:

  • Set up the necessary development environment to start transforming a React application.
  • Cache using Service Worker to make a React application work offline.
  • Create and style a push notification.
  • Install the progressive web app into a mobile device.
Read more...

React, Redux and TypeScript
21 Hours

React is a widely-used library for creating single page applications in JavaScript and HTML. It is used by companies such as Facebook, Instagram, Netflix or the New York Times.

This course will introduce the foundations on which React and other libraries (like Angular and Vue.js) are based on and highlight the sepecifics of React. It will also cover technologies that are commonly used with React, like Redux and React-Router.

By the end of this course participants will be able to build applications of various complexity with React while adhering to best practices.

Read more...

Related Categories

Image for Next.js category
Next.js
1