is a lightweight framework for static and server-rendered applications.

Petr Šnobelt | @petrsnobelt

Agenda

  • Co to je, k čemu to je a případně jak se to liší od ostatních
  • Proč si vybrat next
  • Zajímavé examply
  • Příklad/Live Coding?
  • Discussion

Next.js info

Reasons to choose next.js

Great company “zeit" behind it

  • founder “Guillermo Rauch” (socket.io)
  • They have business model around it - now…
  • https://zeit.co/about

Great project

  • 6 versions so far, minimal api changes
  • 25 164 🌟stars - GitHub
  • Continuous development
  • Lot of examples
  • LearnNextJs.com for beginners
  • Active github/community (spectrum.chat)

Can be used with different servers or static export

  • Koa, hapi, Fastify, express…
  • As start you can export to static file and host anywhere
  • for example on Github pages

Include nice “tricks”

  • SSR out of the box with getInitialProps
  • _document, _app (_app introduced in v6)
  • Every page is “Webpack endpoint”
  • Link prefetching
  • Dynamic import

Not reinvent the wheel

Notable companies using Next.js

Examples I/II.

  1. stars
  2. custom server
  3. static export
  4. gh pages
  5. with inferno (preact) instead of react
  6. and design, aphrodite, fela, glamorous
    material-ui, styled-components, style-jsx

Examples II/II

  1. redux, mobx, mobx-state-tree
  2. apollo, firebase
  3. electron, pkg
  4. flow, typescript
  5. jest (storybook)
  6. ReasonML

Our setup

Questions


Petr Šnobelt
petr.snobelt@gmail.com
@petrsnobelt