Frontend

Fullstack React with NextJS and TypeScript Training

This training is a comprehensive introduction to building modern web applications with Next.js and TypeScript.

Duration
6h
Ask about the program → See all
Who it's for

Ideal for teams that…

1 Beginner and intermediate frontend developers wanting to expand into Next.js and TypeScript
2 JavaScript/React developers aiming for better performance and SEO optimization
3 Developers building apps requiring SSR (server-side rendering) and SSG (static site generation)
4 Teams and freelancers looking for modern approaches to web app development
Outcomes after the program

Modern frontend in practice — components, performance and code quality.

✓

Use different rendering methods (CSR, SSR, SSG, ISR) to match project needs

✓

Optimize performance and SEO with lazy loading, code splitting, and caching

✓

Integrate apps with external APIs, manage state, and style with CSS Modules, Tailwind, or styled-jsx

✓

Create and manage dynamic routes and navigation in React apps

Program · 10 modules

What we actually do

M01
Next.js Basics · Introduction to Next.js
  • · What is Next.js and what problems does it solve?
  • · Project setup and initial structure
M02
Next.js Basics · Routing and Navigation
  • · File-based routing
  • · Dynamic routes
  • · Passing data via URL and query parameters
  • · Linking and preloading pages
M03
Next.js Basics · Rendering Pages
  • · CSR (Client-Side Rendering)
  • · SSR (Server-Side Rendering)
  • · SSG (Static Site Generation)
  • · ISR (Incremental Static Regeneration)
  • · Layouts, route groups, loading and error screens
  • · Suspense and streaming
  • · Implementing Server-Side Rendering (SSR)
  • · Static Site Generation (SSG)
  • · Incremental Static Regeneration (ISR)
  • · Choosing the right rendering strategy
M04
Next.js Basics · Performance Optimization and SEO
  • · Web Vitals metrics: LCP, CLS, FID, INP
  • · Lazy loading
  • · Code splitting
  • · Caching strategies
  • · Unique titles
  • · Meta descriptions
  • · Open Graph and social metadata
M05
Next.js Basics · Data Handling in Next.js
  • · Fetching data from external APIs
  • · Generating static paths from dynamic data
  • · React Context
  • · Redux
M06
Next.js Basics · Styling in Next.js
  • · CSS Modules
  • · styled-jsx
  • · Tailwind CSS
  • · Global vs local styles
  • · Theme handling
M07
Next.js Basics · Dynamic Components and Lazy Loading
  • · Creating dynamic components
  • · Lazy loading images and assets
  • · Optimizing component loading
M08
Next.js Basics · Forms and API Work
  • · Creating forms in Next.js
  • · Validation and error handling
  • · Server Actions
  • · API routes and backend endpoints
M09
Next.js Basics · Deployment
  • · Preparing applications for production
  • · Choosing a hosting platform (Vercel, cloud providers)
  • · CI/CD configuration
M10
Next.js Basics · Summary and Next Steps
  • · Best practices in Next.js projects
  • · Useful resources and official documentation
  • · Q&A session
Every module is adapted to your stack and context. The above is a starting point — not a fixed agenda.
How we work

From brief to retro in 30 days.

01

Brief & diagnosis

A call with the team lead + a short survey for participants. We define goals, gap and context.

02

Program customization

We adapt modules, case studies and code examples to your stack. Approval in 5 days.

03

Workshop

Trainer-led sessions, hands-on, code review. Mentor available between sessions too.

04

Retro + report

Outcome report for the team and lead. 30 days of consulting included.

Inquiry

Send a brief. We'll reply within 1 day.

After a short brief we'll prepare a program and a quote. No obligations — it's just a starting point.

✓Quote within 48h of the brief
✓First session within 30 days
✓Pilot before the full decision
✓VAT invoice, payment in instalments possible

Ochrona antyspamowa (Cloudflare Turnstile) zostanie aktywowana po wpięciu klucza.

Other programs for teams

See all →
Frontend

Advanced JavaScript – ES6+ Techniques Training

Modern frontend in practice — components, performance and code quality.

Frontend →
Frontend

Angular Training

Modern frontend in practice — components, performance and code quality.

Frontend →
Frontend

Creating SPA Applications with Angular Framework Training

Modern frontend in practice — components, performance and code quality.

Frontend →