Next.js Conf 2020
2020-10-27
-- 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
Next.js developers, frontend engineers, full-stack developers, platform engineers, engineering managers, web performance engineers, ecommerce engineers
topics
incremental static regeneration; server-side rendering with Next.js; static site generation; edge slice re-rendering; rewrites and redirects config; Next.js Image component; serverless Next.js at scale; middleware architecture for apps; zero-API data layer; commerce performance optimization; MDX and interactive documentation; auth with DID tokens
| title | author | length |
|---|---|---|
| 5 Projects in 5 Minutes | Cathy Chen | 05m |
Five projects built during quarantine with a shared full‑stack Next.js boilerplate and concrete outcomes the page links to: an electron screenshot bookmarking… | ||
| Incrementally Adopting Next.js | Lydia Hallie | 05m |
Next.js 9.5 adds config-driven redirects and rewrites that let a site migrate incrementally by editing next.config redirects array rather than running a custom… | ||
| Next.js A Framework For Frameworks | Chris Ball | 12m |
Next.js serves as a foundation for higher-level frameworks: BlitzJS removes the explicit API layer so front-end code calls server logic directly, and Bison… | ||
| What's Next for npm | Myles Borins | 11m |
npm is positioning concrete changes: npm 7 ships with Node 15 and brings workspaces, package-lock v2, rewritten npx (now npm exec), and a security prompt for… | ||
| Finding User's True Preferences with a Gamified Survey | Brendan Nee | 07m |
An open-source Next.js budgeting game collects trade-off data by letting respondents pick improvements with explicit costs and visualized benefits, and it has… | ||
| Fullstack Framework for Next.js | Brandon Bayer | 10m |
Blitz.js claims a zero-API data layer that lets front-end code import server functions directly, backed by Prisma 2 for database access, migrations and… | ||
| Why Next.js is Great for Egghead-io | Joel Hooks | 12m |
A large legacy Rails monolith with 25 minute builds, hundreds of class components and 1500 tests pushes a rewrite decision toward Next.js; the team runs a… | ||
| Building a Bank with Next.js: How We Use Next.js at Monzo | Sophie Koonin | 09m |
Monzo uses Next.js for both public and internal apps, shipping a full-featured business banking web app that handles dynamic routes and server-side rendering… | ||
| The Missing LEGO Piece | Magic Authentication | 13m |
A passwordless auth SDK that claims to replace passwords with client-generated public/private keys stored in an iframe and to emit a DID token (W3C… | ||
| Introducing Edge Slice Rerendering | Jay Phelps | 14m |
A new technique called Edge Slice Re-rendering (ESR) combines static analysis with CDN edge compute to extract minimal program slices (for example only running… | ||
| Gradual Migration Strategies for Next.js | Kyle Holmberg | 10m |
air.inc migrates an app to Next.js using three concrete strategies and documents gotchas and fixes: rewrites to proxy paths to the old deployment, catch-all… | ||
| Talent Scarcity and Next.js | Manu Ganji | 05m |
Claim: Next.js plus Firebase shrink hiring complexity more than they cut hosting bills. Comparing a Django feature (migrations, API, background tasks, auth… | ||
| From Jamstack to Incremental Static Generation | Gabriel Benmergui | 08m |
Migrates learn.rabbithood.com from a JAMstack build on S3 and Contentful with daily builds and ~15 minute deploys that leave content stale up to 24 hours to… | ||
| Changing Lanes with Lyft | Joshua Callender | 14m |
Lyft switches its web fleet to NextJS and builds a migration layer called Lyft Service that wraps core NextJS and adds a plugin system using webpack tappable… | ||
| CSS + Cookies: A Perfectionist's Approach to Theming | Julia Qiu | 13m |
Uses CSS variables and :root for light/dark theming with server-rendered Next.js pages, and pairs that with a cookie-based override so the server can send HTML… | ||
| Responsive Rendering with Next.js | Armando Gonzalez | 07m |
Claims a concrete speed win: server-side user-agent detection plus dynamic imports load either a 15 KB desktop carousel library or a pure HTML/CSS mobile… | ||
| CSR, SSR, SSG, ISR, and OMG. WTF? BBQ! | Ahmad Awais | 20m |
Concrete comparison of rendering modes with Next.js, live demo and numbers: CSR ≈100ms, SSR ≈800ms, SSG ≈124ms with ISR adding on‑demand generation. Uses… | ||
| React-three-fiber & Counting Sheep | Corrine Toracchio | 08m |
A concrete build walkthrough showing how a looping sleep scene called Counting Sheep is assembled with Blender assets, react-three-fiber as the React renderer… | ||
| Low Code Design in Next.js | Kaho Cheung | 11m |
A browser-based low-code editor that edits production Next JS pages by mapping live DOM nodes to source locations and actually rewriting files, not just… | ||
| Everything is a CMS | Sean C Davis | 28m |
Argues that any system with an API or file-write can be a CMS and demonstrates building an engine that normalizes drivers for Contentful, Trello and similar… | ||
| Why Images Hurt App Performance & How the New Next.js Image Component Can Help | Alex Castle | 22m |
Explains five concrete image pain points and specific fixes: automatic srcset generation and CDN + Next Image Optimizer integration to serve responsive sizes… | ||
| Develop. Preview. Ship. | Luke Miller, Lanice Sims | 12m |
Vercel presents itself as an all‑in‑one platform to develop preview ship Next.js apps with CI‑driven deploys, instant preview URLs and a 14‑day pro trial… | ||
| Collaborative Code with Nx and Next.js | Brandon Roberts | 09m |
NX claims a workflow for multiple Next.js and React apps in one repo using the @nrwl/next plugin, shows generating a shared components library and a footer… | ||
| Do You Even Need That Express Custom Server Any More? | Kevin Cunningham | 22m |
Concrete migration steps and working examples that replace an Express custom server with Next API routes: show secure env vars via a root .env, deploy… | ||
| Why Real Time Matters | Simen Skogsrud | 21m |
Claims a working Next.js + Sanity.io stack that delivers live previews with no rebuilds by streaming fine-grained JSON patches into the browser, using a… | ||
| Middleware Architecture for Custom App Setup | Ann Gruber, Darpan Kakadia | 11m |
Next App Builder is a builder function that accepts a list of middlewares and composes app setup for Next.js using apollo, Material UI, and Sentry. Each… | ||
| It's the Markup that Matters | Hidde de Vries | 11m |
Explains concrete markup actions: ensure a <title> stays updated, use semantic headings (h1–h3) and landmarks so screen readers can navigate by heading and… | ||
| When NOT to Use Next.js | Jeff Escalante | 30m |
Next.js claims a hybrid architecture that lets pages be fully static, fully dynamic, or mixed per route with built‑in cache behavior so teams avoid custom… | ||
| The X in MDX | Rodrigo Pombo | 08m |
MDX pages compile to React components via an MDX loader converts .mdx into a React component, then an MDXProvider override (including the wrapper) exposes… | ||
| How Tencent Scales to Millions with Serverless Next.js | Tina Fang | 23m |
Combines Serverless functions with Next.js, CDN, object storage and LRUCache + Redis to serve SSR pages at scale, separating static and dynamic data, using… | ||
| Playing with Interactive Documentation | Jason Etcovitch | 20m |
GitHub open-sources docs.github.com and prototypes a week‑long Next.js + TypeScript playground that uses Monaco and Primer to attach code editors to narrative… | ||
| Cache for Commerce Performance and Optimization for High Volume Sales | Lauro Arujo | 24m |
Architecture uses Next.js server rendering with serverless functions and CDN caching to cut load times while keeping correctness. Pages and some APIs use the… | ||
| Bringing Excellent UX to the React Ecosystem via Strong Defaults in Next.js | Shubhie Panicker, Houssein Djirden | 21m |
Chrome teams partner with Next.js and React and ship concrete tooling: Google font inlining that eliminates a round trip and pairs with preload, a Script… | ||
| WebAssembly Zone | Daniel Lauzon | 29m |
Built a Video Pattern Generator in JavaScript Rust Go compiled to WebAssembly, embedded as a React canvas component and served from Next.js API routes using… | ||
| Scalable Apps without the Hassle with Next.js Vercel & FaunaDB | Brecht De Rooms, Eric Wyne | 40m |
Next.js on Vercel plus FaunaDB delivers a concrete stack: serverless pages and API routes, a connectionless HTTPS DB with global ACID transactions, built‑in… | ||
| (Choosing our own) Adventures in Next.js | Cassidy Williams | 21m |
Build uses Next.js with XState to model the story as a directed graph state machine, Netlify Forms that trigger Netlify Functions which upsert characters into… | ||
| How Video Works: A Dive into the Biggest Thing on the Internet & Why You Should Care | Jon Dahl | 42m |
Pressing play triggers an HTML5 video tag to fetch an m3u8 manifest, the player uses adaptive streaming to request short five-second segments over HTTP CDNs… | ||
| Inside Framer Motion's Layout Animations | Matt Perry | 32m |
Framer Motion claims a one‑size‑fits‑all layout animation by snapshotting layouts with getBoundingClientRect then animating a projected viewport box via… | ||
| Going Headless: Zero to Next js Hero | Samuel Snopko | 40m |
Sets up a Next.js site with Storyblok and Tailwind CSS from scratch, builds a simple blog with three articles and a featured-articles block, wires Storyblok’s… | ||
| Building Next Generation Apps with Next.js and MongoDB | Ado Kukic | 32m |
Demo builds a Next.js app called Next BnB wired to MongoDB Atlas using the with-mongodb example, showing connection caching to avoid new sockets, using… | ||
| Use Next.js Static Site Generation with Cosmic | Alec Brunelle | 30m |
Builds a small blog that fetches content at build time using Next.js getStaticProps and precomputes routes with getStaticPaths, reads posts from Cosmic CMS… | ||
| The Next Big Thing in Ecommerce | Rachael Thompson | 37m |
Next.js Commerce is an open‑source starter that wires Next.js + Vercel + BigCommerce into a working headless store: GraphQL storefront APIs, image optimization… | ||
| How to Learn React, Next.js, or Anything | Arunoda Susiripala | 26m |
Claims that learning React/Next.js requires knowing the 20% of React that delivers 80% of outcomes, recommends starting with freeCodeCamp or Codecademy, and… | ||
| Building the Next Generation of Airlines Websites | Iván Olivares Rojas | 25m |
A full airline website and mobile app are built from scratch using microfrontends and a shared bootstrap codebase by Globant with Next.js as the tech enabler… | ||
| From Front-end to Full Stack | Eric Clemmons | 34m |
A static Next.js demo becomes a working full stack blog by wiring up AWS Amplify for authentication and an AppSync GraphQL API backed by DynamoDB the demo runs… | ||
| nothing matches | ||