2019-04-17 APR

Next.JS - Javscript framework by Zeit

Build React.js applications that are rendered server-side:

https://zeit.co/blog/next :: https://hackernoon.com/next-js-react-server-side-rendering-done-right-f9700078a3b6

Features:

• File system routing -
  • e.g., pages/index.js --> https://site.com/index
• Automatic Code Splitting -
  • imports are bundled with each page
• Static Exporting
  • .html files are automatically created from .js files during the build process
  • Good for search engine optimization (SEO) - makes the pages more crawler-friendly

Other frameworks:

• GatsbyJS, Gridsome (view tool)

Zeit Now

Host, build, and deploy serverless applications, much like Heroku (we used Heroku to deploy an Apollo GraphQL server):

https://zeit.co/now

Features

• Lambda updates - rebuild only the parts that change => faster rebuilds
• Combine static content and libraries with code - "one repo to rule them all"
• Charges only when servers are receiving traffic.
• "Builders" provide flexibility for different development languages and frameworks
• Built-in Continuous Integration (CI)

Next.JS App Tutorial

Following the tutorial on https://nextjs.org/learn/basics/getting-started ...

Today:

• thru "Create Dynamic Pages"

For Next Week:

• thru "Server-Side Support for Clean URLs"