Frontend developers with React and TypeScript experience who are becoming tech leads or architects and need to make decisions about rendering, delivery, security, performance and team structure for applications used by many people.
Next.js, Security, Performance, Offline and Design Systems
Design and run large frontend systems: rendering strategies and the Next.js App Router, caching and data mutation, monorepos and micro-frontends, a versioned design system, frontend security, main-thread performance engineering, real-user monitoring, offline-first and real-time collaboration.
- 45hours of work
- 13parts
- Reviewedcapstone
- Lifetimeaccess
- Rendering architecture
- Next.js App Router
- Monorepos and micro-frontends
- Frontend security
- Performance engineering and RUM
- Offline-first and real-time UI
At a glance
The intermediate programme in this track or equivalent: strict TypeScript, React hooks, TanStack Query, routing, Testing Library, MSW, Playwright, accessibility basics and bundle analysis. Basic HTTP, caching headers and Node.js knowledge are expected. A free account on a hosting platform such as Vercel or Cloudflare is used in the labs.
Pass the quizzes and labs, then submit a capstone project. The NIBVEDA team reviews it and either accepts it or sends it back with comments you can act on.
What you will be able to do
- 01Choose between client, server, static, incremental and streaming rendering and implement them with the Next.js App Router
- 02Reason about caching layers and data mutation, and design predictable invalidation
- 03Structure a monorepo with a versioned design system and decide when micro-frontends are justified
- 04Secure a frontend against XSS, CSRF, supply-chain and authentication flaws with CSP, Trusted Types and a backend-for-frontend
- 05Diagnose and fix main-thread, loading and interaction performance with lab and real-user data, and build offline-first and real-time features
Curriculum 45 hours in 13 parts
Select a kind to highlight its parts.
Stage 1A monorepo with a versioned, accessible design system and two apps7 parts · 19 h
- 1Rendering architectures and the Next.js App RouterWorkshop · Follow along and build, with the steps and the traps written out.3 hFree
- 2Data fetching, caching layers and mutations in the App RouterWorkshop · Follow along and build, with the steps and the traps written out.3 h
- 3Migrate a SPA to the App Router and prove the differenceWorkshop · Follow along and build, with the steps and the traps written out.2 h
- 4Check yourself: rendering strategies, Server Components, caching and actionsQuiz · Twelve questions, marked at once, with the reason behind each answer.1 h
- 5Monorepos, micro-frontends and design systems at scaleWorkshop · Follow along and build, with the steps and the traps written out.2 h
- 6Frontend security: XSS, CSP, supply chain, sessions and privacyWorkshop · Follow along and build, with the steps and the traps written out.2 h
- 7A monorepo with a versioned, accessible design system and two appsLab · Hands-on work. Many labs are checked automatically against what must exist.6 h
Stage 2A production Next.js application with a performance budget, RUM, security headers and offline support4 parts · 11 h
- 8Check yourself: monorepos, micro-frontends, design systems and securityQuiz · Twelve questions, marked at once, with the reason behind each answer.1 h
- 9Performance deep dive: the main thread, interactions, delivery and real-user dataWorkshop · Follow along and build, with the steps and the traps written out.2 h
- 10Offline-first and real-time collaborative interfacesWorkshop · Follow along and build, with the steps and the traps written out.2 h
- 11A production Next.js application with a performance budget, RUM, security headers and offline supportLab · Hands-on work. Many labs are checked automatically against what must exist.6 h
Stage 3Main-thread performance, RUM, offline-first and real-time1 part · 1 h
- 12Check yourself: main-thread performance, RUM, offline-first and real-timeQuiz · Twelve questions, marked at once, with the reason behind each answer.1 h
FinishCapstone project1 part · 14 h
- 13Lead the frontend architecture of a product at scale and prove every decisionCapstone · A full project for your portfolio.14 h
An internship certificate with your skills on it.
Made for you automatically when you finish the last part, it names the internship programme, the level and the 45 hours, lists what you showed, and carries a number and a QR code. Anyone can check it on the NIBVEDA verification page, and it shows as withdrawn there if it is ever revoked.
- Proof you completed all 45 hours of this internship programme
- An Internship badge for your profile, CV or portfolio
- Not a job, a stipend or an academic degree, and it says so
Keep building.
3 programmes in this track, from beginner to expert. Buy the learning path and save 15%.
Build real applications with React and TypeScript: strict typing for frontend code, components and hooks, forms and state management, routing and server-state with TanStack Query, styling and accessible UI, automated tests with Vitest, Testing Library, MSW and Playwright, and performance fundamentals.
- TypeScript
- React and hooks
- State and forms
Learn how websites work and build them properly: semantic HTML, modern CSS layout with Flexbox and Grid, responsive design, JavaScript and the DOM, asynchronous code with fetch, accessibility, DevTools and deployment, finishing with a polished multi-page project.
- Semantic HTML
- Modern CSS layout
- Responsive design
See all 3 programmes in Frontend Engineering Take the placement test
Quick answers.
The policies have the full detail.
Is this a real internship?
It is a virtual internship programme: a structured, self-paced course built around a real project, with checked assessments and a certificate. It is not employment, it does not carry a stipend and it is not an academic or AICTE-approved qualification. What it gives you is verified, project-based evidence of skills.
How does self-paced work?
You start when you like and move at your own speed. Each part unlocks when you finish the one before it. There are no live classes and no deadlines. Your access is shown on each programme page.
How is my work checked?
Quizzes are marked as soon as you submit them. Labs use a tick-list of tasks. Intermediate and Expert programmes finish with a capstone that the NIBVEDA team reviews and either accepts or sends back with comments.
Can I get a refund?
Please read the refund policy before you buy. It explains when a refund is possible.
Ready to start?
Rs. 1,178.82 including GST. Lifetime access. Read the first lesson free before you decide.