Learn
Curated guides for using prokodo UI in production Next.js applications. Each article covers a specific engineering topic — from optimising Core Web Vitals to structuring a migration. All guides are published on prokodo.com and kept up to date.
Getting Started
Installation & Setup
Install the package, configure the runtime provider for Next.js, and import the global theme stylesheet.
Read guide →Quick Start
Go from zero to a working UI in three steps. Covers first component, theming, and TypeScript configuration.
Read guide →Performance
LCP, INP & CLS with Next.js
Practical techniques to optimise Core Web Vitals — lazy hydration, Streaming SSR, font strategy, and image loading.
Read guide →
AIC Pattern
How prokodo UI's Async · Interactive · Client architecture keeps bundle size minimal with React Server Components.
Read guide →SEO
Metadata API & hreflang
Structured metadata, canonical URLs, Open Graph, and hreflang for multi-locale Next.js apps using the App Router.
Read guide →
Migration & Governance
Migration Playbook
RACI, canary rollout, and rollback strategies for migrating an existing React app to Next.js App Router.
Read guide →
Governance & Enablement
Team conventions, code-review guidelines, and onboarding patterns for scaling Next.js development across an organisation.
Read guide →
prokodo UI Migration
Upgrade notes and codemods for moving between major versions of prokodo UI.
Read guide →Patterns
Hands-on examples that combine multiple prokodo UI components into real-world page layouts.
- Dashboard Layout — persistent sidebar shell for admin apps
- Data Table with Pagination, Sorting & Filtering — server-side data grid
- Settings Page — grouped form sections with save feedback
- Login & OTP Form — two-step authentication flow
- Blog Card Grid — responsive article listing with ISR
- Loading Skeleton & Empty States — Suspense-based skeleton screens
Maintained by prokodo. Need Next.js help? See our
Next.js agency
.