Title Text
How Next.js Scales
to Millions of Pages with ISR
Arisa Fukuzaki
Incremental Static Regeneration
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775817/sb-logo-w.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998586/edited_xbzjwg.png)
Arisa Fukuzaki
Developer Relations Engineer @Storyblok
GirlCode Ambassador
On twitter as @arisa_dev
![](https://s3.amazonaws.com/media-p.slid.es/uploads/2002131/images/9005445/ef-education-first-vector-logo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998624/profile-round.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775814/sb-tw.png)
@Storyblok
@arisa_dev
Case study interview
Telmo Dias from Education First
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775817/sb-logo-w.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775817/sb-logo-w.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998624/profile-round.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775814/sb-tw.png)
@Storyblok
@arisa_dev
Challenge
Many editors
Work on multiple markets
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775817/sb-logo-w.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998624/profile-round.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775814/sb-tw.png)
@Storyblok
@arisa_dev
Challenge
Many editors
Work on multiple markets
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775817/sb-logo-w.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998624/profile-round.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775814/sb-tw.png)
@Storyblok
@arisa_dev
Server Side Rendering
Performance
Caching
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775817/sb-logo-w.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998624/profile-round.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775814/sb-tw.png)
@Storyblok
@arisa_dev
Server Side Rendering
Performance
Caching
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998699/build-time.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775817/sb-logo-w.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998624/profile-round.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775814/sb-tw.png)
@Storyblok
@arisa_dev
Static Site Generation
Build time
Build time
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998705/generation.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775817/sb-logo-w.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998624/profile-round.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775814/sb-tw.png)
@Storyblok
@arisa_dev
Solution
Incremental
Static
Regeneration
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998706/regeneration.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775817/sb-logo-w.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998624/profile-round.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775814/sb-tw.png)
@Storyblok
@arisa_dev
Solution
Incremental
Static
Regeneration
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775817/sb-logo-w.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998624/profile-round.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775814/sb-tw.png)
@Storyblok
@arisa_dev
Demo
https://github.com/storyblok/storyblok-nextjs-multilanguage-isr-ssg-ssr
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998624/profile-round.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775814/sb-tw.png)
@Storyblok
@arisa_dev
Advantages for enterprises
Seamless integration with Next.js
Real-time Visual Editor
Managment of multilanguage projects
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775817/sb-logo-w.png)
Onboarding
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998624/profile-round.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775814/sb-tw.png)
@Storyblok
@arisa_dev
Advantages for enterprises
Seamless integration with Next.js
Real-time Visual Editor
Managment of multilanguage projects
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775817/sb-logo-w.png)
Onboarding
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998624/profile-round.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775814/sb-tw.png)
@Storyblok
@arisa_dev
Advantages for enterprises
Seamless integration with Next.js
Real-time Visual Editor
Managment of multilanguage projects
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775817/sb-logo-w.png)
Onboarding
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998624/profile-round.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775814/sb-tw.png)
@Storyblok
@arisa_dev
Advantages for enterprises
Seamless integration with Next.js
Real-time Visual Editor
Managment of multilanguage projects
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775817/sb-logo-w.png)
Onboarding
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775817/sb-logo-w.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998624/profile-round.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775814/sb-tw.png)
@Storyblok
@arisa_dev
Don't waste any time
storyblok.com/tc/nextjs
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7821322/browser.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7821321/hader.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7821319/hero.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7821328/articles.png)
@arisa_dev
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775814/sb-tw.png)
@Storyblok
Storyblok.com
Thank you team
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/8989043/team-21.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998624/profile-round.png)
@arisa_dev
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775814/sb-tw.png)
@Storyblok
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1937732/images/8998624/profile-round.png)
Get team plan for FREE
storyblok.com/a/nextjs-2021-perk
![](https://s3.amazonaws.com/media-p.slid.es/uploads/400661/images/7775836/logo.png)
How Next.js Scales to Millions of Pages with ISR
By Arisa Fukuzaki
How Next.js Scales to Millions of Pages with ISR
- 289