Universal JavaScript
with Next.js

Zero configuration, universal JavaScript web apps with Next.js for React. This is a complete video course will get you building apps today.

What you're saying

This is a brand new course, but this is what you kind people have said about my previous work

Who is this for?

Developers who are tired of configuration, build tools, spagetti code and who want to focus on building amazing web apps with the latest features.

The Next.js framework for react requires zero configuration to get started, and you'll be building your universal JavaScript applications in minutes.

You will be expected to be familiar with JavaScript and be comfortable with basic React and JSX concepts. We'll also be using the latest JavaScript features including async/await.

And if you're still not sure if this is for you, feel free to email me and ask.

31
Videos
hours of content
7
Modules

What you'll learn

ZERO CONFIGURATION START

Universal server side rendering in a matter of minutes!

Styling

From custom error pages to SCSS imports, use the workflow that works for you

Data driven

Fetch data from databases, gotchas and clean URLs

Optimization

Learn how to fine tune what code you run and understand your bundles

Releasing to the web

Strategies for both to Node servers and to static CDN hosted services like Netlify

Authentication

Learn strategies for keep uses signed in, and protected content safe.

Course material

Getting started with Next

  • Next: What, why and how (07:03)
  • Our first fully universal JavaScript app (06:03)
  • How routing works (03:46)
  • Link component (04:46)
  • Linting configuration (02:12)

Customising the style

  • Common Layout component (06:59)
  • Serving static assets & controlling the Head (05:43)
  • Customising the base document template (03:34)
  • Using Router for progress loading bars (05:30)
  • Custom 404 and error pages (08:37)

Data driven pages

  • Data fetching in the client & server (11:30)
  • Capturing query strings for data fetching (07:35)
  • Custom server for "clean", query-less URLs (09:22)
  • Gotcha: lost query params (03:31)
  • Gotcha: live server reloading (06:56)
  • Environment variables (08:03)
  • Gotcha: Debugging a hanging request (04:34)

Styles

  • CSS in JavaScript: styled-jsx (04:14)
  • Importing SCSS & scoped imports (08:39)

Optimization tasks

  • Targetting the client side only (08:49)
  • Dynamic module imports (13:15)
  • Analyizing server & client bundles (08:17)
  • Polyfills: understanding browser support (09:28)

Deployment strategies

  • Dynamic: Zeit's now (05:08)
  • Static deployment with Netlify (09:02)
  • CDN hosted client & dynamic API (03:45)

Authentication

  • Higher Order Components with Next (07:23)
  • "withUser" provider & decoding JWT (09:57)
  • Universal user loading technique with cookies (12:43)
  • app.js for simplified and common layouts (07:57)
  • Moving withUser to common execution using _app.js (11:06)

Pricing

Order your package and take advantage of the special price.

Closed capitioning with every video
All prices shown in USD

Starter package

$ 59 +VAT
Regular price $90
  • Access the first 4 modules (18 videos)
  • Stream course on any device
  • Github repo with all code from course

Master package

$ 99 +VAT
Regular price $170
  • Access to all 7 modules (31 videos)
  • Unlimited updates (planned: testing, Next.js upgrades, redux)
  • Stream and download DRM-free high resolution on any device
  • 99 page slidedeck with notes
  • Github repo with all code from course

Team license

$ 349 +VAT
Regular price $600
  • Purchase a team license for your team to learn and grok universal JS with Next. This includes everything in the Master Package, including unlimited updates.
  • Teams larger than 8 people can request a custom quote.

Is it worth it?

This course allows you to learn at your own pace, avoid travelling and days out of work. A typical in-person workshop costs over $600, and with this course, you can return to it over and over again.

I've spent 3 months writing, recording and building this course. Over the last 20 years, I've pulled together my knowledge and experience, which you could scrape from tutorials across the web over weeks and months, or you could learn directly from me in a single day.

About Remy Sharp

Remy Sharp

Remy has been working commercially on the web since 1999, and known for being an expert in JavaScript and debugging.

Remy is the founder and curator of ffconf, the hugely popular UK based JavaScript event. He also ran jQuery for Designers the video tutorials web site and co-authored Introducing HTML5 with Bruce Lawson. Most recently he wrote Working the Command Line published by A Book Apart.

Whilst he's not writing articles or running and speaking at conferences, he runs his own development and training company called Left Logic. He also built JS Bin, HTML5 Demos, nodemon, and many other projects.

  • Remy's workshop showed me how to do at least three things I'd previously thought were impossible.

    James O'Brien, Freelance UX designer
  • Remy was clear in his explanations and did not hesitate to help when needed.
    […] the notes he gave us are going to be very helpful in the future.

    We Got POP, UK
  • I attended Remy's workshop in the past and it was awesome. Would attend again 😄

    George Stefanis, Disney
  • Solid pragmatic immense knowledge about...like anything you would throw at him. Easy to change his plans to respond to the audience interests.

    Stepan Reznikov, Booking.com.

Frequently Anticipated Questions

What format are the videos? How do I watch them?

Once you buy a package, you will be mailed access to a course viewer area where you can stream all the videos. The Master Collection will also be able to download them for offline viewing. All the videos were recorded at HD 2560×1440.

Do you offer a student discount?

Absolutely! Send me an email with some proof that you are a student - such as an ID, acceptance letter, or student email address - and I'll send you a discount code. This applies to anyone in any type of schooling, including evening classes and coding bootcamps!

What if I'm not satisfied with the course?

I'm confident you'll love the courses, I want to make sure you get real value out of the material, which means you are absolutely thrilled! If you aren't satisfied, please get in touch within 10 days with your order number. If you have completed more than 50% of a course or downloaded (rather than stream) all the content, I reserve the right to decline a refund.

Are there any pre-requisites?

In the videos I use a Mac so it'll be easier to follow along, but if you use a Windows or Linux machine everything you learn will be compatible (with the exception of the odd key combination).

I bought the starter course, loved it, can I upgrade to the master package?

Absolutely. If you use the discount code "NXTSTART" the checkout will validate your purchase and deduct the price of the starter course.

I can't use Stripe, can I use X to pay instead?

Get in touch via email and we'll work something out so that you're able to purchase the training material.

I have another question!

No problem, just drop me an email me at remy@leftlogic.com.