Next.js Crash Course - SSG, SSR, API Routes, and more
Dmytro Danylov
@dmytrodanylovAbout
I'm a JavaScript software developer from Ukraine. I’ve been interested in programming since my childhood, because it gave me freedom to build something with which people can interact, and it didn’t require a big investment. All I needed was a computer and a C++ teach-myself book. This started my software development journey. After school, I received a Computer Science diploma and started my career in web development in 2009. Thus far in my career, I’ve worked for companies large and small, including Ciklum, Booking.com, Wix.com, and others. Also I've been working as a freelancer. For quite some time I wanted to start creating online courses to share my knowledge professionally. Today I'm doing my best to achieve this goal.
Latest Posts
No results found. Try different keywords.
Video Description
In this short course we will learn about Next.js (the React Framework for Production). A framework that allows you to render a React app both, on the client and the server. It allows you to pick a strategy for rendering (Server Side Rendering or Static Site Generation) on per page basis. In this video we'll learn the concepts behind Next.js while building a simple app. 01:11 - Introduction to Next.js 06:00 - Setting up a Next.js project 11:38 - Adding TypeScript 16:09 - Routing 24:29 -Styling 34:02 - Adding a local MySQL server and the first API route 48:46 - API Routes continued (getting a post by id and creating a post) 57:53 - Fetching and rendering posts (Static Site Generation) 01:09:35 - Server Side Rendering and Client Side Rendering 01:17:12 - Creating the single post page (Dynamic Routes + SSG) 01:27:53 - Creating posts 01:32:16 - Adding page meta 01:33:55 - next.config.js Code: https://github.com/d-dmytro/my-next-app 👨💻 My Udemy Course: Using TypeScript with React https://www.udemy.com/course/react-with-typescript/?referralCode=1816455EA4C12F9CA9F4
Boost Your Next.js Journey
AI-recommended products based on this video
Environet Hydroponic Growing Kit, Self-Watering Mason Jar Herb Garden Starter Kit Indoor, Windowsill Herb Garden, Grow Your Own Herbs from Organic Seeds (Basil)
Herb Garden Planter Indoor Kit 21Pcs Kitchen Herb Garden Starter Kit Growing Kit Including Wooden Box Burlap Pots Soil Discs Gardening Tools Unique Easter Birthday Christmas Gift Ideas for Women Mom
Bonsai Starter Kit – 1x Bonsai Tree | Complete Indoor Starter Kit for Growing Plants with Bonsai Seeds, Tools & Planters – Gardening Gifts for Women & Men
Freenove Ultimate Starter Kit for BBC micro bit (V2 Included), 316-Page Detailed Tutorial, 225 Items, 44 Projects, Blocks and Python Code
Ketone Test Strips, 50pcs Urinalysis Keto Test Strip Accurate Urine Dip Stick Testing Ketosis Home Urinalysis Tester Kit for Testing Body Urine Ketosis Levels
18 in 1 Drinking Water Test Kit,125 Strips Water Chemical Testing for Home Tap and Well Water, Accurate Testing for Chlorine,Nitrate, Lead, Hardness, Fluoride, Iron, Copper, pH & More
AAwipes Aquarium Ammonia Test Strips 8-in-1 |100 Strips | Quick & Accurate Water Testing for Freshwater & Saltwater Tanks -Test pH, Carbonate, Alkalinity, Hardness, Chlorine, Nitrite, etc. (K02-100)
KINGRACK 3 Step Ladder, Folding Step Ladder with Anti-Slip Wide Pedal and Handrails, Foldable Stepladder Step Stool for Adults, Pass 900LBS Testing, for Home Garage Garden, Blue Global Recycled Standard
NEXPOW Car Jump Starter,Car Battery Jump Starter Pack 1500A Peak Q10S for Up to 7.0L Gas and 5.5L Diesel Engine12V Auto Battery Booster,Jumper Cables,Portable Lithium Jump Box with LED Light/USB QC3.0
Firefly Variety 8 Pack - Fire Starter Accessory for Swiss Army Victorinox Knives (Neon Green-Yellow Glow)
