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.

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