Next.js - A Framework for Frameworks

Slide 1

Slide 1 text

A Framework for Frameworks Chris Ball @cball_

Slide 2

Slide 2 text

TABLE O F CONTENTS BEST IN CLASS - WEB 01 A refresher on why Next.js is one of the best ways to build for web. A BUILDING BLOCK 02 Reimagine Next.js as a base we can build on top of. MAJOR WINS, FAST! 03 The power of shared solutions featuring Blitz and Bison. ENABLE THE FUTURE 04 Look at phases of software and community. Understand where we are and where we might be heading.

Slide 3

Slide 3 text

BEST IN CLASS - WEB 01

Slide 4

Slide 4 text

Static HTML/CSS How about both?! Dynamic Data STATIC, YET DYNAMIC.

Slide 5

Slide 5 text

AND MUCH MORE.

Slide 6

Slide 6 text

A BUILDING BLOCK 02

Slide 7

Slide 7 text

RE-IMAGINING NEXT

Slide 8

Slide 8 text

MAJOR WINS, FAST! 03

Slide 9

Slide 9 text

To summarize, "Shared Solutions"

Slide 10

Slide 10 text

Build upon proven abstractions.

Slide 11

Slide 11 text

MAJOR WINS, FAST!

Slide 12

Slide 12 text

MAJOR WINS, FAST!

Slide 13

Slide 13 text

= + CLI Recipes

Slide 14

Slide 14 text

= + API Request Tests Factories CLI

Slide 15

Slide 15 text

Some things we didn't worry about: •Code Splitting •Static assets •Server Side Rendering •Link prefetching •Webpack •Routing (though Blitz has extended it a bit)

Slide 16

Slide 16 text

Don't reinvent the wheel. (Especially if the wheel is a good one!)

Slide 17

Slide 17 text

ENABLE THE FUTURE 04

Slide 18

Slide 18 text

PHASES OF SOFTWARE / COMMUNITY

Slide 19

Slide 19 text

So where is Next.js now? (Wider React Community = early phases of converge.)

Slide 20

Slide 20 text

Zoom in to the Next.js Community (It is always improving right?)

Slide 21

Slide 21 text

What's Next for Next? * Keep blazing the trail for modern React developmen t * Become the base web layer for more framework s * Modular pieces of Next to enable things we haven't  thought of yet!

Slide 22

Slide 22 text

Thank you!