What you'll learn
- Develop serverless/JAMstack application with NextJS, React, and TypeScript
- Understand the advantages and best practices regarding Serverless architecture and how to use them to your advantage
- Adhere to SEO (Search Engine Optimisation) best practices and make your content easily indexable to all search engines
- Understand what React, NextJS, TypeScript, and modern tooling can do for you, and use them in the best way possible
Course content
- Preview06:05
Requirements
- Fundamentals of HTML, CSS, and JavaScript
- No previous knowledge of TypeScript, NextJS, or Serverless
Description
Is this course right for you ?
This course is meant for everyone wanting to level up their application delivery with best practices and unparalleled Developer Experience.
If you‘re an inexperienced developer trying to figure out what stack to choose and how to start a web application.
If you‘re an experienced developer who wants a consistent workflow with a set a low dependency resources which integrate seamlessly and provide the best-in-industry User Experience
What is the JAMstack and Serverless?
JAMstack is modern web development architecture based on client-side JavaScript, APIs, and prebuilt Mark-up. It leverages Serverless architecture to create reusable (micro)services as reusable APIs. It pre-builds all content of a website when possible and make it available through the edges of a Content Delivery Network.
A JAMstack application is either statically generated (Static Site Generation - SSG), rendered on the server (Server-side Rendering - SSR), or uses a more advanced combined technique: Server-side Pre-Rendered (SSPR). In this course, we will use SSPR to use the best of SSG and combine with SSR.
The dream-stack for the JAMstack:
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 that, we will create our own Serverless Functions, which will run entirely on the server with NodeJS.
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.
React
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.
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.
Emotion
a performant and flexible CSS-in-JS library. It will handle our styles with great Developer Experience and compiling for the best production performance possible.
MDX
bringing the JavaScript runtime scope to Markdown, MDX is to Markdown what JSX is to HTML. We will be able to use React components within Markdown files.
More coming
This is not a course that will be forgotten after published, it is actually only the beginning. In enrolling now you guarantee access to the upcoming lessons modules. For example:
Serverless Functions: post-production phase
Content Management System (CMS) integration: recording phase
Progressive Web App (PWA): scripted
Accessibility Testing: scripted
Performance monitoring: scripted
Do you believe something should be covered?
Let me know and I‘ll definitely consider it!
Who this course is for:
- All levels of experience who are interesting in production level React, NextJS, and NodeJS applications
- Everyone passionate or who wants to understand more about JAMstack and Serverless applications
- This course will help you explain difficult concepts of performance within the modern web development world
- After the lessons you will be able to understand modern good practices and apply them on every application you work with
Instructor
![Atila Fassina](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.4 Instructor Rating
- 351 Reviews
- 16,702 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.