NextJS up and running

Quickest NextJS + TypeScript setup for static websites and blogs
Rating: 4.1 out of 5 (79 ratings)
3,489 students
English
English [Auto]
Setup a NextJS website
Create a blog from scratch
Advantages of Static Site Generation
Deploy a Jamstack application

Requirements

  • NodeJS
  • HTML, CSS, and JavaScript familiarity
  • Having an idea about ReactJS

Description

The first course with NextJS v10 on Udemy with the new Image Component (the one good thing 2020 had to offer so far)


Welcome! This course is the best resource for you to hit the ground running with NextJS.


“But, how? And why you?”

Glad you asked! Because I‘ve been working with NextJS since version 2. I have built many websites and applications with it, I have used many other Static Site Generators, and I‘m a big advocate of the Jamstack. In this course, I bring everything I know and experienced boiled down to the best setup possible.


I will walk you through the best setup possible for you to use modern web best practices directly enforced to your setup. You will develop a setup which owes nothing to any other big company setup in terms of performance and tooling.

  • React + CSS Modules
    we will build an app that takes out the most of the Component-Based Architecture. With this, we can achieve a scalable, maintainable, and easy-to-read architecture for our User Interface. It will be easy to add more functionality in the future and replace/optimize existing features.

  • TypeScript
    when properly set, strong-typing brings to the table a huge advantage when using external resources (such as libraries and frameworks). It makes the code more discoverable since text editors (like VSCode) can provide with insights when we‘re writing the code, and safeguard us from runtime errors. It makes the code self-documented and allow us, in the future, to touch many moving parts without fear causing unexpected side-effects.


  • NextJS
    for the best developer experience, we get everything a high-quality production web application should have, most already baked-in and ready to be used, just a few configuration strokes away.


  • NodeJS
    like an iceberg, there is a big chunk of a NextJS app which runs on the server. For that, we need NodeJS


On top of all that (and most importantly): This course won’t lock you up in its set architecture. The modules and stacks are not dependent on each other, this means you can break free at any time with ease, switch tools for whichever you decide works best for your case, either now or in the future.


To summarize: 

  • All fundamentals are covered following modern web development practices.

  • No hard rails to follow. You’re free to be creative from this course.

  • Minimal number of dependencies to a smooth learning curve.


I can‘t wait to hear from you once you get started!!

Let‘s go!!!

Who this course is for:

  • Developers wanting to get started with NextJS
  • Developers interest in Jamstack

Course content

6 sections18 lectures39m total length
  • Welcome
    03:09
  • Create app with NextJS template
    01:43
  • Create Github repository
    00:44

Instructor

Software Engineer, Consultant, Instructor
Atila Fassina
  • 4.3 Instructor Rating
  • 373 Reviews
  • 17,147 Students
  • 3 Courses

I’m a Software Engineer specialized in Jamstack and Design Systems.


As a self-taught developer, I have walked an irregular learning path. My goal is to make it easier and more accessible for anybody to learn web development.


You will get simple and complex topics presented in an easy to digest, reality-based, and nice way. Always with a personal approach and friendly support!


My courses are a product of everything I have learnt throughout 11+ years of experience working in small and large companies, with local and distributed teams across the globe (Brazil, New Zealand, Germany) in order to help you achieve your objectives!


---


Eu sou um Desenvolvedor de Software especializado em Jamstack e Design Systems.


Como um desenvolvedor autodidata, eu tive uma jornada de aprendizado não-tradicional. Meu objetivo é tornar fácil e acessível para qualquer aprender desenvolvimento web.


Você tópicos de simples à complexos apresentados de maneira fácil de digerir e baseados em uso real. Sempre com uma abordagem e assessoria amigáveis.


Meus cursos são o produto de tudo que já aprendi durante meus 11+ anos de experiência trabalhando em empresas pequenas e grandes, com times locais ou distribuídos e através do planeta (Brasil, Nova Zelândia, Alemanha) para que você alcance seus objetivos.