Next.js 14 Boilerplate

15 Boilerplate

Sign in

Loading UI & Streaming Demo

Demonstrates Next.js loading states, streaming, and Suspense with React Server Components

Critical Blocking Data

Blocks entire page, shows layout loading

Name:Mario Benítez

Gender:male

Email:mario.benitez@example.com

Phone:922-448-200

Pokémon Egg Groups

React Query with SSR

1

monster

https://pokeapi.co/api/v2/egg-group/1/

2

water1

https://pokeapi.co/api/v2/egg-group/2/

3

bug

https://pokeapi.co/api/v2/egg-group/3/

4

flying

https://pokeapi.co/api/v2/egg-group/4/

5

ground

https://pokeapi.co/api/v2/egg-group/5/

Total:15

Random Joke

Streaming with Suspense

MacGyver can build an airplane out of gum and paper clips, but Chuck Norris can roundhouse-kick his head through a wall and take it.

View on API

1/5/2020

Cache & Data Management

1