Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Next.js - A Framework for Frameworks

Chris Ball
October 27, 2020

Next.js - A Framework for Frameworks

Lightning Talk from Next.js Conf 2020.

Explore the power of experimentation, conventions, and shared solutions that use Next as the foundation. Open Source projects like BlitzJS and Bison can "stand on the shoulders of giants" to bring powerful features to users in record time.

Chris Ball

October 27, 2020
Tweet

More Decks by Chris Ball

Other Decks in Programming

Transcript

  1. A Framework for Frameworks
    Chris Ball


    @cball_

    View Slide

  2. 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.

    View Slide

  3. BEST IN CLASS - WEB
    01

    View Slide

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

    View Slide

  5. AND MUCH MORE.

    View Slide

  6. A BUILDING BLOCK
    02

    View Slide

  7. RE-IMAGINING NEXT

    View Slide

  8. MAJOR WINS, FAST!
    03

    View Slide

  9. To summarize, "Shared Solutions"

    View Slide

  10. Build upon proven abstractions.

    View Slide

  11. MAJOR WINS, FAST!

    View Slide

  12. MAJOR WINS, FAST!

    View Slide

  13. = +
    CLI
    Recipes

    View Slide

  14. = +
    API Request Tests
    Factories
    CLI

    View Slide

  15. 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)

    View Slide

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

    View Slide

  17. ENABLE THE FUTURE
    04

    View Slide

  18. PHASES OF SOFTWARE / COMMUNITY

    View Slide

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

    View Slide

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

    View Slide

  21. 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!

    View Slide

  22. Thank you!

    View Slide