NextJS Pages, CSS, Static Files | NextJS Crash Course

Опубликовано: 30 Октябрь 2024
на канале: Benjamin Carlson

2,417

This in the third video in my NextJS framework crash course series! NextJS is a javascript framework that lets you build server-side rendering and static web applications using React. In this video, we look at the basics. We go over pages and routing, look at the multiple ways to add CSS (global stylesheet in _app.js, in line, and jsx) and how to add static files such as images, robots.txt, Google Site Verification, and any other static files including HTML.

Social media dashboard GitHub: https://github.com/bjcarlson42/nextjs...
NextJS website: https://nextjs.org/
My website api route example: https://benjamincarlson.io/api/gear

(0:00) Introduction
(0:43) Pages and Routing
(3:43) Adding CSS
(12:30) Static file serving

NextJS Crash Course Video Outline:
Playlist:    • Introduction To NextJS
Course Intro -    • NextJS Course Introduction | NextJS C...
What is Next.js? -    • What Is NextJS? | NextJS Crash Course
Pages, CSS, Static Files -    • NextJS Pages, CSS, Static Files | Nex...   ⬅️⬅️⬅️ You are here
getInitialProps -    • getInitialProps Data Fetching | NextJ...
getStaticProps -    • getStaticProps Data Fetching | NextJS...
getStaticPaths -    • getStaticPaths Data Fetching | NextJS...
getServerSideProps -    • getServerSideProps Data Fetching | Ne...
YouTube API -    • YouTube API | NextJS Crash Course
GitHub API -    • GitHub API | NextJS Crash Course
Strava API -    • Strava API | NextJS Crash Course
Deploying On Vercel -    • Deploy NextJS With Vercel With Custom...

✍️ Join my newsletter!! https://buttondown.email/benjamincarlson ✍️
I send out one email the first day of every month with new YouTube videos, Medium posts, stuff I’ve been working on, and anything else programming related I’ve found interesting.

🎒 My Gear 🎒
View my tech, camera, and productivity gear: benjamincarlson.io/gear

CONTACT: [email protected]

📧 Connect with me 📧
Website: https://benjamincarlson.io
Instagram:   / benscstutorials
Twitter:   / benscstutorials
Github: https://github.com/bjcarlson42
LinkedIn:   / bjcarlson42
Medium:   / benjamincarlson

#nextjs