Call : (+91) 968636 4243
Mail : info@EncartaLabs.com
EncartaLabs

Next JS

( Duration: 5 Days )

This Next JS training course is aimed at developers who are looking to produce high-performance applications using Next.js, a React framework built on JavaScript that combines the strengths of single page applications with server-side rendering (SSR). You will gain hands-on experience creating static and dynamic pages, learn the most efficient ways to fetch data for your use case, optimise image delivery - and perform well in search engines for SEO and analytics.

By attending Next JS workshop, delegates will learn to:

  • Build and deploy React applications in Next.js
  • Structure your React code in the context of a Next.js application
  • Create static and dynamic pages in Next.js
  • Understand how routing and browser history is handled in Next
  • Use efficient strategies for data fetching
  • Build applications the handle image optimisation well
  • Build applications that have great SEO and analytics
  • Adding server side API endpoints
  • Work with forms in React
  • Decide on the best authentication strategy for your use case
  • Use testing best practices with React Testing Library
  • Have an efficient state management strategy
  • Reason about pre-rendering and serverless functions with Next

  • Familiarity with JavaScript, HTML and CSS

The Next JS class is ideal for:

  • Developers who are looking to build production-ready apps with the Next.js framework and React, using JavaScript

COURSE AGENDA

1

Key JavaScript Concepts

  • Arrow functions
  • List comprehensions (map, filter, reduce)
  • Hoisting and scopes
  • Spreading and destructuring
  • The event loop
  • Promises and async/await
2

Introduction to Next.js

  • React overview
  • Client and server side rendering
  • File structure and routing
  • Benefits and future
3

Hooks in React

  • What are hooks?
  • useState
  • useEffect
4

Functional Components

  • What are functional components?
  • Props and children
  • Inheritance and composition
5

Styling

  • Overview of the diverse landscape
  • Getting setup with Tailwind and purgecss
6

Special Next.js functionality

  • getInitialProps
  • getServerSideProps
  • Custom _app.js and _document.js files
7

Handling state

  • Prop drilling, context sharing and hooks
  • UI state vs server state
  • React-query and the stale-while-revalidate approach
8

Serverless API Routes

  • How do they work?
  • Interacting with 3rd party services
  • Keeping secrets from clients
9

Successful applications

  • Working with forms in React
  • SEO and analytics
  • Image optimisation
10

Security and authentication

  • Security and authentication in a serverless world
  • Authentication with Auth0
  • Protecting API routes
11

Testing and error handling

  • Custom error and 404 pages
  • Best practices with react-testing-library

Encarta Labs Advantage

  • One Stop Corporate Training Solution Providers for over 6,000 various courses on a variety of subjects
  • All courses are delivered by Industry Veterans
  • Get jumpstarted from newbie to production ready in a matter of few days
  • Trained more than 50,000 Corporate executives across the Globe
  • All our trainings are conducted in workshop mode with more focus on hands-on sessions

View our other course offerings by visiting https://www.encartalabs.com/course-catalogue-all.php

Contact us for delivering this course as a public/open-house workshop/online training for a group of 10+ candidates.

Top
Notice
X