Next.js Conf 2021
2021-10-26
-- online --
[Next.js Conf 2020, Next.js Conf 2021, Next.js Conf 2022, Next.js Conf 2023, Next.js Conf 2025]
who it's for
frontend developers, full stack developers, ecommerce engineers, platform engineers, developer advocates, web performance engineers, accessibility engineers
topics
Next.js at the Edge; Edge Functions; Image optimization with Next.js; Incremental Static Regeneration (ISR); Next.js and Prisma databases; Headless CMS integration (Prismic, Sanity, WordPress); MDX interactive documentation; Streaming in Next.js; High-speed personalization with Next.js; Realtime analytics with Tinybird
| title | author | length |
|---|---|---|
| Keeping commerce flexible | Leandro | 05m |
Velobici spins a Next.js storefront quickly while keeping extensibility: Next.js starter kit plus Swell backend, Sanity and Tailwind power the site, Vercel… | ||
| Next.js at the Edge | Suzanne Aldrich, Lee Robinson | 12m |
Declares concrete features: Next.js adds middleware and edge functions on Vercel that run on a V8-based runtime claiming 100x faster startups than Node and “no… | ||
| Developer Experience of the Future | Lee Robinson | 07m |
Next.js 12 adds ES Modules, experimental URL Imports, and a new Rust compiler (SWC) that claims concrete speedups: about 3x faster refresh and 5x faster… | ||
| Workflow and Collaboration with Next.js and Vercel | Becca Zandstein, Belen Curcio | 07m |
Next.js Live lets collaborators open a live URL from any branch, edit in the browser, chat, annotate, and git push -> instant preview with a commit button that… | ||
| Migrating Notion’s marketing site to Next.js | Cory Etzkorn | 15m |
Notion migrates its marketing site from client‑rendered app code to a fully static Next.js build, reusing React but changing routing with a reverse proxy and… | ||
| I Love Next.js - A Creator Mash-up | Amy Dutton, James Q Quick | 04m |
A set of short creator reports shows concrete wins: rebuilding a personal site with Next.js, a WordPress starter that pulls from a decoupled CMS, an inclusive… | ||
| How I fixed 47 errors in my code with Conformance | Kapehe | 09m |
Claim: conformance in Next.js 11 finds and fixes 47 errors automatically. Workflow uses npm i next@latest react@latest react-dom@latest then npx next lint with… | ||
| Getting Started with Next.js | Delba de Oliveira | 15m |
Shows how to migrate a simple React app into Next.js by running npm install react react-dom next, moving pages into a pages folder, exporting components as… | ||
| Database as Code with PlanetScale and Prisma | Taylor Barnett | 17m |
Demo builds a create-next-app named "star app" that uses PlanetScale (MySQL‑compatible serverless) and Prisma to declare a Star model, run Prisma migrate… | ||
| Visual building for Next.js | Yang Zhang | 14m |
A live demo shows Plasmic plugged into a Next.js codebase letting editors drag real React components into pages reuse an existing product slider that fetches… | ||
| Let’s talk about Image Optimization with Next.js | Saad Irfan | 15m |
A small Next.js demo loads images from unsplash and replaces plain <img> behavior with the built-in Image component that adds srcset, lazy loading, automatic… | ||
| Building the new MacStadium website with Next.js + Prismic | Heather Robertson, TJ Kohli | 13m |
MacStadium moves its CMS to Prismic and Next.js and chooses SSG + ISR for a balance of speed and build time. The site uses a custom Prismic slice zone… | ||
| Making commerce. Faster. | Patryk Zawadzki | 12m |
Claims headless commerce improves flexibility, performance and extensibility by decoupling front end and back end, and shows concrete tooling and results… | ||
| Using Headless Browsers to ship reliable and performant apps | Tim Nolet | 13m |
Uses Playwright (Chromium) and Github Actions to run synthetic browser sessions against each preview deploy URL and production, injecting the web vitals… | ||
| Supabase - powered by open source | Jon Meyers | 22m |
Supabase proves concrete choices: PostgREST auto-generated REST on Postgres exposes tables and nested queries, with demos of Go calls and Row-Level Security… | ||
| Building a Developer Relations Stack with Next.js | Ahmad Awais | 18m |
A DevRel stack is built end-to-end with Next.js: Guides, Learn, LMS that serve interactive Markdown-driven lessons, quizzes and video modules and mark progress… | ||
| Getting Started with React | Delba de Oliveira | 15m |
Builds a tiny app step by step, starting from manual DOM updates to JSX compiled with Babel via unpkg, mounting with react-dom.render, and then composing… | ||
| Edge Functions Explained | Kelsey Hightower, Lee Robinson | 32m |
Demo shows a working JWT authentication demo implemented as middleware that runs one layer closer to users on Vercel’s edge, returning noticeably lower latency… | ||
| Defining the Web3 Stack | Nader Dabit | 31m |
Defines Web3 by concrete wins and tools: Axie Infinity — 2M DAU and $500–$700M/month volume shows real play‑to‑earn money flows; DeFi liquidity like Curve $17B… | ||
| High-speed personalization with Next.js | Steve Sewell | 16m |
Shows a concrete method: use edge middleware plus Next.js ISR and stale-while-revalidate to rewrite requests into cache-keyed paths, call a headless CMS, and… | ||
| Pitching the Jamstack and Headless CMS to non-devs | Nick DeJesus | 16m |
Shows a concrete pitch: use Prismic plus Shopify or existing backend to preserve SEO for 300+ legacy posts then migrate, build a component-driven design system… | ||
| The Future of React & Next.js – The Web’s SDK (Keynote) | Guillermo Rauch | 27m |
Announces Next.js 12 with a new Rust compiler (SWC) that cuts vercel.com build time nearly 50% and claims 3× faster fast refresh and 5× faster production… | ||
| Taking Next.js apps to the next level with Ally and SEO | Anuradha Kumari | 21m |
Shows concrete fixes and outcomes: runs Lighthouse and moves accessibility 97 → 100 and SEO 100 by adding a lang attribute and page titles/meta, implements a… | ||
| Building a best selling eBook with Next.js and WordPress | Maedah Batool | 11m |
Built a live ebook called Writy.io "Content for Developers" using Next.js + WordPress + Vercel, with content fetched from WordPress REST API, automated… | ||
| How We Used Next.js To Build Our Podcast Dashboard | Amy Dutton, James Q Quick | 19m |
Next.js powers a production site for Compressed.fm that uses Sanity.io for content, Simplecast for episode hosting and analytics, Quest forms + Zapier +… | ||
| Build realtime analytics or your users at any scale with Next.js and Tinybird | Elena Torró | 11m |
Realtime product-ranking and image-ranking APIs are built with Next.js Commerce plus Tinybird, sending page-load and click events into Tinybird data sources… | ||
| Protecting your Apps with Next.js | James Q Quick | 28m |
Deep dive into the Compressed.fm dashboard shows a Next.js site mixing SSG and SSR, an authenticated sponsor dashboard, forms and a custom audio player… | ||
| Building a Course Platform in a Weekend | Mahmoud Abdelwahab | 27m |
A fullstack course platform is built and deployed in one weekend with free and paywalled MDX lessons, Next.js static generation and TailwindCSS UI… | ||
| Unlocking Composable Commerce with Next.js | Sachin Wadhawan | 29m |
Shows a concrete headless workflow: Next.js front end + BigCommerce backend with serverless functions, Stripe payments and a vaulted card flow, a subscription… | ||
| Next.js and Prisma: Databases in Serverless Made Easy | Daniel Norman | 28m |
Shows concrete claims and demos: a Next.js blog and an AMA app built with Next.js, Prisma Client, Prisma Migrate and Prisma Studio, seeded and migrated with… | ||
| Zero to $10 Million with React Native + Next.js | Fernando Rojo | 25m |
Claim: one frontend engineer uses React Native with Next.js and a monorepo to ship 100+ screens across web iOS and Android and hit Zero to $10m in sales in… | ||
| Streaming in Next.js | Kara Erickson | 25m |
Experimental Next.js feature enables streaming with getServerSideProps by splitting server rendering into a two-flush pattern: first flush sends headers and… | ||
| Building an accessible Slider component using State Machines | Segun Adebayo | 18m |
Builds a fully accessible slider component and shows the actual XState object model, the events (pointerdown pointermove pointerup arrow keys home end blur)… | ||
| So You Think You Can Build A Dropdown? | Pedro Duarte | 26m |
Builds a production dropdown using radix primitives and simple CSS (demo uses Next.js and mentions stitches) and demonstrates full keyboard navigation… | ||
| Interactive Documentation at Scale Using MDX & Next.js | Jeff Escalante | 21m |
Uses MDX and Next.js to render docs for 10+ products and 750+ guides, serving millions of views, and shows concrete components—tabs, enhanced fenced code… | ||
| How InVision Leveled up Their Marketing Stack with Next.js and Sanity.Io | Lauren Etheridge | 29m |
InVision migrates a tangled marketing stack to Sanity.io plus Next.js, then measures real wins: legal pages replaced and untouched for two years, form handling… | ||
| Building Modern CMS Driven Web Applications with Next.js | Daniel Madalitso Phiri | 15m |
Builds a corporate starter with Next.js and Strapi: a subscription form saves into Strapi and triggers an email plugin to send programmatic emails; a… | ||
| How to build a GraphQL API with Next.js and Vercel | Shadid Haque | 25m |
Builds a working serverless GraphQL API inside Next.js API routes, using Apollo Server Micro v3 and micro-cors, with a concrete fix: disable Next.js bodyParser… | ||
| 5 things you need to know to take your next app to the next level | Ankita Kulkarni | 20m |
Five concrete takeaways: set meta tags with the Next.js Head so Twitter card previews work (card validator shows the meow emoji), use the Script component to… | ||
| How Next.js Scales to Millions of Pages with ISR | Arisa Fukuzaki | 30m |
EF Education First moves a multi‑thousand‑page, 52 languages and thousands of pages site to a headless stack and uses Storyblok + Next.js + Vercel to cut build… | ||
| Fullstack Next.js on AWS | Ali Spittel | 21m |
Builds a Next.js app using AWS Amplify with concrete steps: use the Admin UI to model Blog and Post, seed five rows, and deploy so offline DataStore syncs to… | ||
| What's Next? The past, present, and future (All Dev, No Ops) | David Cramer | 26m |
Founder of Sentry traces web tooling from PHP to Django/Rails to React and Next and makes concrete points: Next gives instant deploy URL per branch and enables… | ||
| Building for Non-Profit Communities with Vercel and Next.js | Michelle Bakels | 18m |
Non-profit community builds require brutal focus: pare features to a hackathon MVP, get explicit volunteer time commitments, and eliminate onboarding friction… | ||
| Fireside Chat on renderatl | Justin E. Samuels, Domitrius Clark | 26m |
Organizers use Makeswift CMS, route customer emails into Discord + Zapier automation, and issue digital purchase cards so teams don’t become blockers. The… | ||
| nothing matches | ||