Introducing Turbopack, the successor to Webpack.
◆ ~700x faster than Webpack
◆ 10x faster than Vite
◆ Native incremental architecture built with Rust
◆ Support for React Server Components
◆ Support for TS, JSX, CSS & more
Now open-source in Alpha.
Follow
Click to Follow vercel
Vercel
@vercel
Vercel’s frontend cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web. Creators of .
Vercel’s posts
Introducing Vercel Storage
◆ Vercel Postgres: Serverless and Edge-ready SQL
◆ Vercel KV: Durable, global, serverless Redis
◆ Vercel Blob: Fast, simple file storage
Next.js 12 is out
◆ Rust compiler: 3x faster HMR & 5x faster builds
◆ AVIF support: 20% smaller images
◆ Edge Functions runtime & Middleware (beta)
◆ SSR Streaming & React Server Components (alpha)
◆ Native ESM & URL imports (alpha)
◆ Bot-aware ISR
Next.js 13.4
◆ App Router (Stable)
◆ Turbopack (Beta)
◆ Server Actions (Alpha)
Introducing the AI Chatbot Template, built with:
◆ Next.js
◆ Vercel KV
◆ Vercel AI SDK
◆ Tailwind CSS
◆ Radix UI
◆ Shadcn UI
◆ OpenAI
Clone and deploy your own version.
Next.js 9.4:
◆ React Fast Refresh
◆ Incremental Static Regeneration (beta)
◆ New Environment Variables Support
◆ Built-in Fetch Support
◆ Web Vitals Reporting
◆ Absolute Imports and Aliases
◆ Configurable Sass Support
◆ Improved Log Output
Next.js 11.1
◆ ES Modules support
◆ Rust-based tooling to replace JS (Babel and Terser)
◆ 2x faster data with HTTP `keep-alive`
◆ 70% faster builds, 67% less memory with source maps
◆ ESLint and `next/image` improvements (Sharp support)
nextjs.org/11-1
ZEIT is now Vercel.
Announcing our new brand identity and $21M Series A funding.
vercel.com/blog/zeit-is-n
GIF
Announcing Next.js 10.1:
• 3x Faster Refresh (200ms faster per save)
• 58% Smaller Install (54% fewer deps)
• Webpack 5 as opt-in flag
• Apple Silicon (M1) Support
• Next.js Commerce Integration
• More <Image> layout and loader options
Next.js 9:
⬩ Built-in Zero-Config TypeScript Support
⬩ File system-Based Dynamic Routing
⬩ Automatic Static Optimization
⬩ API Routes
⬩ Improved DX
⬩ More Production Optimizations
⬩ Build Output Statistics
⬩ Google Chrome Collaboration
nextjs.org/blog/next-9
GIF
SWR: React Hooks for Remote Data Fetching
◆ Light
◆ Backend agnostic
◆ Realtime updates
◆ Fast nav / back
◆ Local mutations
◆ Parallel / Serial fetch
◆ Scroll memorization
◆ Pagination
◆ REST, GraphQL & custom
◆ Suspense ready
◆ TypeScript
Vercel OG Image Generation – a new library for generating dynamic social card images.
Next.js 9.5:
◆ Incremental Static Regeneration
◆ Custom Base Path
◆ Rewrites and Redirects
◆ Optional Trailing Slashes
◆ Persistent Caching for Page Bundles
◆ Fast Refresh Enhancements
◆ Optional Catch-All Routes
◆ Webpack 5 Support (beta)
Today we announce $40M in new funding to help everyone build the next web.
Next.js 13.2
◆ Built-in SEO with Metadata API
◆ Route Handlers
◆ MDX for Server Components
◆ Rust MDX Parser
◆ Statically Typed Links
◆ Next.js Cache
◆ Turbopack Improvements
Next.js 10 is available today, and you can upgrade with just one command. nextjs.org/10
Automatically optimize images using the new `next/image` component, go global with built-in internationalization primitives, and much more.
More announcements coming, stay tuned.
Next.js Layouts RFC
◆ Nested routes / layouts
◆ Designed for Server Components
◆ Fetch in layouts while avoiding waterfalls
◆ React 18 features – startTransition, Suspense
◆ Client and server routing
◆ 100% incrementally adoptable
Introducing Visual Editing for Headless
◆ Designed with our launch partner Sanity
◆ Edit inline or click directly into your CMS
◆ Built on new content source mapping standard
◆ Requires zero frontend changes and supports any framework
vercel.com/blog/visual-ed
Next.js 12.2:
◆ Middleware: Dynamic routing for your entire app
◆ On-Demand ISR: Update content without redeploying
◆ Edge Runtime (Exp): API Routes and SSR based on Web standards
◆ `next/image` (Exp): Faster & more flexible new version
Announcing our $150M Series D.
We're building the end-to-end platform to accelerate our mission to make the Web. Faster.
Next.js 12.3:
◆ Improved Fast Refresh
◆ TypeScript Auto-Install
◆ New Router + Layouts Update
◆ New Image Component (Stable)
◆ SWC Minification (Stable)
Introducing `react-tweet`:
◆ 35x less client-side JavaScript than the Twitter <iframe>
◆ React Server Components for built-in data fetching
◆ Works with Next.js, Vite, CRA, and more
Vercel now supports Monorepos!
◆ Multiple projects per Git repository
◆ Support for Yarn/Lerna workspaces
◆ Conditional Build Step
Learn how to get started in the 🧵 thread below.
Next.js 9.3:
◆ Next-gen Static Site Generation (SSG) Support
◆ Preview Mode
◆ Built-In Sass Imports for Global Styles
◆ Built-In Sass Modules for Component-Level Styles
◆ Automatic Static Optimization for 404
◆ 32 kB Smaller Runtime (15 kB gzip)
nextjs.org/blog/next-9-3
Next.js 13
◆ Layouts
◆ React Server Components w/ Streaming
◆ Component-based Data Fetching & Caching
◆ Turbopack: the Rust-based Webpack successor
◆ Improved `next/image`
◆ @next/font
Next.js 12.1:
◆ On-demand Incremental Static Regeneration
◆ SWC support for styled-components, Relay, and more
◆ Zero-configuration Jest support
◆ ~80% smaller Docker images when self-hosting
◆ Next.js Developer Survey
Introducing the Vercel AI SDK
Build AI-powered applications with React and Svelte.
Connect and integrate with popular open-source and cloud LLMs, including support for streaming generative responses.
`npm i ai`
Announcing SWR 1.0:
◆ 41% smaller core, 52% smaller installation size
◆ Improved SSR and SSG Features
◆ Immutable Mode
◆ Middleware
◆ Custom Cache Provider
With SWR, components stream data updates automatically, granting a fast & reactive UI.
Introducing the AI Playground from Vercel Labs
Compare and tune AI language models side-by-side:
◆
◆
◆
◆
◆
Share your results and auto-generate code snippets for Next.js and more.
Today, we announce $102M in new funding to continue building the next Web, together.
Vercel has acquired Turborepo, a high-performance build system.
Vercel has acquired Splitbee, the privacy-friendly analytics platform, to help eliminate cookie banners and third-party tracking on the Web.
Next.js 11 is here. Featuring:
Better DX:
◆ Faster dev
◆ Static image automation
Better UX:
◆ Image blur support
◆ Script optimization
◆ Conformance with ESLint
nextjs.org/11
On this day 10 years ago, was introduced.
Congratulations to the React team for a decade of innovation.
Next.js 13.3
◆ File-Based Metadata API
◆ Dynamic Open Graph Images
◆ Static Export for App Router
◆ Parallel Routes and Interception
Say hello to `now dev` — your single-command, local development environment.
zeit.co/blog/now-dev
Next.js 8:
⬩ Serverless Next.js
⬩ Massive build-time memory usage reduction
⬩ Build-time environment configuration
⬩ Prefetch performance improvements
⬩ Smaller initial HTML size
⬩ Faster Static Export
⬩ Security improvements
nextjs.org/blog/next-8
GIF
Introducing Vercel Cron Jobs
◆ Run recurring tasks at any interval
◆ Serverless scheduled jobs defined in code
◆ Compatible with any framework
Next.js 7:
⬩ Smaller footprint
⬩ 57% faster bootup, 42% faster re-compilation
⬩ Better error reporting
⬩ Webpack 4 and Babel 7
⬩ New nextjs.org
nextjs.org/blog/next-7
GIF
Next.js 9.2:
⬩ Built-In CSS Imports for Global Styles
⬩ Built-In CSS Modules for Component-Level Styles
⬩ Catch-All Dynamic Routes
⬩ Up to 70% Reduced Largest JavaScript Bundle
⬩ Up to 87% Less JavaScript Loaded after Multiple Navigations
nextjs.org/blog/next-9-2
read image description
ALT
Platforms Starter Kit: a template for site builders, multi-tenant platforms, and low-code tools.
View the demo and deploy your own.
Start your React and Next.js journey with our new foundations course – for free.
Introducing Edge Functions on Vercel:
◆ No cold boots
◆ Globally deployed
◆ Built on standard Web APIs
◆ Middleware API designed to work with any framework
◆ SSR Streaming & React Server Components (alpha)
◆ Available today on all plans
Today we're also introducing the Virtual Event Starter Kit used to run Next.js Conf 2020.
This starter was born from the collaboration of marketers, designers, and developers.
Clone, deploy, and fully customize for your next event.
React Server Components will provide a better experience for both developers and users.
We've compiled the Next.js team's React Server Components demo, summary, and other resources at vercel.link/rsc.
GIF
Announcing the first-ever Next.js global user conference
Next.js 10.2
◆ Faster Builds, Refresh, and Startup
◆ Improved Accessibility
◆ Improved Redirects and Rewrites
◆ Automatic Webfont Optimization
Next.js 13.1
◆ `app` Directory (Beta): Improved DX and reliability
◆ Turbopack (Alpha): Tailwind CSS, error overlay, `next/image`
◆ Middleware: Return `Response` and set `Request` headers
◆ Edge API Routes (Stable): Lighter, Web-standard runtime
Vercel is now the official hosting partner for the JavaScript web framework Astro.
Astro sites on Vercel can now take advantage of Middleware, Image Optimization, and improved code splitting for Functions.
Learn how Next.js improves your SEO with our new free course, featuring:
◆ Status Codes & Sitemaps
◆ URL Structure & On-Page SEO
◆ Performance & Core Web Vitals
◆ Improving Vitals with Built-In Optimizations
Next.js 9.1.7:
⬩ 4% Smaller Client-Side Runtime
⬩ New Build Output
⬩ New Built-In Polyfills
⬩ Faster Page Loading
⬩ Strict Mode Ready
⬩ Automated React Canary Tests
⬩ Optional Chaining & Nullish Coalescing
⬩ Zero-Config `next export` Deployment
nextjs.org/blog/next-9-1-7
read image description
ALT
SWR, the tiny client-side data fetching React library, is celebrating:
🌟 11,000 stars on GitHub
🖼 A brand new website
📑 Improved docs and Next.js interop guidelines
🔐 Prod-ready authentication example
Check it out: swr.vercel.app
Introducing Next.js Commerce 2.0
◆ App Router optimized + new design
◆ Fast, dynamic storefront with React Server Components
◆ Supports BigCommerce, Medusa, Saleor, Shopify, and Swell
Presenting the first-ever remote conference dedicated to the frontend.
Free to attend, and organized online!
Register now to secure your spot.
Today, we're also thrilled to show you Next.js Live.
We overhauled Next.js so it can run entirely inside the web browser, enabling anyone to code in the browser, with their team, in real-time.
Learn how your team can try it.
We’re evolving with the Web.
◆ 37.5 million builds on Vercel in 2021
◆ 2.8 billion Edge Function requests since October
◆ 35 frameworks with zero-config support
The future will be even faster. Here’s what we expect.
vercel.com/blog/how-the-w
The Environment Variables Web UI is here. Featuring support for multiple Environments:
◆ Development
◆ Preview
◆ Production
Introducing Create Next App:
⬩ Zero Dependencies
⬩ Support for Examples
⬩ Interactive Experience
⬩ New Default Project Template
nextjs.org/blog/create-ne
read image description
ALT
Announcing the Vercel AI Accelerator.
6 weeks. 40 participants. $850k in credits.
Apply today and get access to credits from the top AI platforms.
Next.js 5.0 is here:
◆ Universal Webpack
◆ CSS imports + Typescript
◆ Zones
◆ Faster production builds
zeit.co/blog/next5
GIF
Announcing SWR 2.0:
◆ New useSWRMutation hook
◆ Enhanced mutation and optimistic UI capabilities
◆ SWR DevTools
◆ Preload resource
◆ Improved React 18 support
And more!
WebAssembly is now supported in Vercel Edge Functions.
Code in C, Go, Rust, and more – and run it at the Edge.
Announcing Vercel Ship
Join us May 1-5 for a special launch event.
Next.js Commerce is the all-in-one starter kit for high-performance ecommerce sites.
Clone, deploy, and fully customize with a few clicks: nextjs.org/commerce
#nextjsconf #nextjs
Review and collaborate on your UI—comments, screenshots, notifications, all synchronized with Slack.
Start commenting on your deployments today.
vercel.com/blog/introduci
Introducing the Build Output API:
◆ Build and inspect a project locally
◆ Deploy your build output directly
◆ Use any framework with Vercel’s infrastructure primitives
We’re excited to welcome to our team. She has built durable, highly performant websites at firms like , , & .
, she helped build Talk which now powers comments at nearly every major news org.
vercel.com/about/okbel
Next.js 4
◆ React 16: 2.6x faster SSR
◆ styled-jsx 2: faster & dynamic CSS
zeit.co/blog/next4
GIF
Introducing Serverless Pre-Rendering (SPR). Static meets Dynamic.
zeit.co/blog/serverles
Learn Next.js with our free courses:
Foundations
◆ JavaScript to React
◆ React to Next.js
◆ How Next.js works
Create Your First App
◆ Styling Pages
◆ Data Fetching
◆ API Routes
◆ Deploying
SEO
◆ Crawling and Indexing
◆ Core Web Vitals
An introduction to streaming on the web.
Learn about chunking data, handling backpressure, server-side events, and more.
Learn how React 18 improves application performance.
Including diagrams and examples of Transitions, Suspense, Server Components, and more.
Let’s make the Web. Faster.
Join us October 26 for our Global Community Conference and see the future of Next.js.
Next.js 6 is here:
◆ Zero-configuration static exports
◆ `_app.js`, an extension point that enables page transitions, Apollo or Redux integration and more
◆ Babel 7 and Fragment syntax `<>` support
zeit.co/blog/next6
GIF
Introducing new enterprise security products:
◆ Vercel Firewall: Add custom rules to block IPs
◆ Vercel Secure Compute: Create private connections from your functions
Securely connect to databases inside VPCs or other protected environments.
Beginner SvelteKit: a free course to start your journey building applications:
◆ Svelte basics and creating components
◆ Layouts, page endpoints, and fetching data
◆ Understanding reactivity
◆ Context, stores, and slots
Assign Custom Domains to any of your Git Branches.
Introducing the Liveblocks Starter Kit:
◆ Realtime collaborative whiteboard app
◆ Built-in authentication
◆ Permission scopes
Built with , , and .
→ vercel.fyi/liveblocks
Next.js 9.1:
⬩ `src` Directory Support
⬩ `public` Directory Support
Preview features:
⬩ Built-in CSS Support
⬩ Static Error Pages
⬩ Module / Nomodule
⬩ Improved Bundle Splitting
nextjs.org/blog/next-9-1
read image description
ALT
Replying to
Introducing MDX - A fully-featured MDX parser, loader and JSX renderer for ambitious projects
github.com/mdx-js/mdx
Introducing our next-generation Remix support:
◆ Streaming SSR
◆ Serverless Actions
◆ Multi-runtime with Serverless and Edge Functions
◆ `stale-while-revalidate` caching support
◆ Support for larger apps and bundles
Next.js 8.1:
⬩ AMP on SSR and Static Exports
⬩ Full AMP support (`withAmp`)
⬩ Hybrid AMP pages (+ `useAmp` hook)
⬩ Build architecture improvements
nextjs.org/blog/next-8-1
Simple Passwordless Auth with Magic.link and Next.js.
◆ Fully Serverless
◆ Works on localhost
◆ Reactive Login with SWR
Brought to you by our guest @zealigan
vercel.com/blog/simple-au
DNS Records can now be customized directly from the Web UI.
React Server Components will likely change how we build React applications.
Here's our open source demo of React Server Components with Next.js and Vercel.
github.com/vercel/next-se
Quote
New video: React Server Components! 
• How is this different from PHP / Rails?
• How is this different from SSR?
• Why Hybrid Applications?
• React Suspense and Concurrent Mode
• Demo w/ #nextjs and @vercel
youtu.be/DuSa5E-GgwU
• How is this different from PHP / Rails?
• How is this different from SSR?
• Why Hybrid Applications?
• React Suspense and Concurrent Mode
• Demo w/ #nextjs and @vercel
youtu.be/DuSa5E-GgwUWe're building a globally distributed, edge-first storage system for instant reads of configuration data.
Introducing Svelte Commerce:
◆ Built with SvelteKit
◆ High-performance template
◆ Open-source and customizable
◆ Styling with Tailwind CSS
◆ Headless commerce with Shopify
Deploy your own ecommerce store in seconds.
