Build a Server-rendered ReactJS Application with Next.js v4

31m
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
3.7
787
people completed
Bookmark
Download
RSS

In this course we we’ll see just how quickly next.js makes the process of building server-rendered ReactJS applications by creating and deploying an application that loads blog posts from the Google Blogger API.

Along the way we’ll learn about many of the amazing features Next.js provides for us out of the box, such as route prefetching and code-splitting, thus allowing us to spend more time developing and virtually no time setting up our environment.

Additionally, we’ll learn about the core concepts behind the framework and see how we can leverage them to create dynamic routes and integrate Material-UI on the server. We won’t have to worry about using any specific architecture to handle state, instead we will just pass our data as ReactJS props using Next.js’ getInitialProps lifecycle hook.

Throughout this course we will see why Next.js has gained such an amazing reputation as a “minimalist framework” by supplying users with “pretty” error messages. Once finished, we’ll deploy our application to a live URL using the now-cli npm module.

Note: This courses uses an older version of Next.js

Instructor

Thomas Greco

I'm a web developer specializing in the creation of scalable, deterministic programs with the help of prototypal inheritance as well as the functional programming paradigm.Before I began programming, I worked as a graphic designer which played a large role in the early stages of my career. Most recently, I've transitioned from building financial software for large banking institutions to focus on building decentralized financial applications which run atop blockchain technology.

Have a question for me, or simply want to say hi? Then reach out to me on twitter @tgrecojs - I'm always happy to interact with fellow programmers! :)

Course content (10 lessons)

    illustration for Build a Server-rendered ReactJS Application with Next.js v4