Nextra Crash Course
Hello everyone!
In this video, we are going to build a documentaion website using NextJs and Nextra, and deploy it to Netlify. If you enjoy the video, please leave a like and ring the notification bell so that you will always be notified of my next upload 😊.
Subscribe here: https://bit.ly/3qsAsNC
GitHub Repo: https://github.com/SankThomas/nextra-...
Live Website: https://tsbsankara-nextra-demo.netlif...
Timestamps:
00:00 - Intro
01:04 - Set up a new NextJs application
02:44 - Install Nextra
07:48 - Create new page in Nextra
09:58 - Nextra theme.config.jsx configuration
13:47 - Add more pages
16:22 - Structuring and ordering pages
18:24 - Nesting pages
26:09 - Single page structure
29:32 - The Callout component
30:34 - MDX Extension for syntax highlighting
34:40 - Tabs component
38:15 - Steps component
40:36 - Cards component
43:16 - Proof of concept
45:00 - Everything is one dollar!
45:15 - Customizing header navigation
49:00 - Dynamic document title
51:00 - 404 page
53:12 - Upload to GitHub and Deploy to Netlify
54:57 - Conclusion and outro
My eBook, Fundamentals of ReactJs is available for $1: Go to https://tsbsankara.gumroad.com/l/vkdqf to purchase your copy today!
Buy my products: https://tsbsankara.gumroad.com
Join my discord server: / discord
Follow me on Twitch for livestreams and AMA sessions: / tsbsankara
Follow me on Twitter: / tsbsankara
Follow me on Instagram: / tsbsankara
Subscribe to my YouTube channel: https://bit.ly/3qsAsNC
Support the channel: https://streamlabs.com/tsbsankara1/tip
