egghead
Learn
Courses
Lessons
Articles
⌘K
Account
Course / Free
Architect an Extensible Digital Garden with Next.js, Tailwind, and Nx
(todo)
(todo)
egghead
Learn
Courses
Lessons
Articles
⌘K
Sign in
1
Introduction to Architecting an Extensible Digital Garden with Next.js, Tailwind and Nx
3:24
2
Create a Next.js Web Application with Nx
4:49
3
Create a new Next.js Page Component with Nx Generators
2:23
4
Understanding Next.js GetStaticProps
2:39
5
Understanding Next.js getStaticPaths
7:12
6
Setup Next.js with Tailwind in a Nx Workspace
4:10
7
Configure Tailwind purging in a Nx Workspace
5:10
8
Configure Tailwind in a Nx Monorepo With Potentially Multiple Apps and Libs
2:38
9
Configure And Use TailwindCSS JIT Mode With Nx
2:14
10
Use getStaticPaths to Retrieve a List of Markdown Files to Render With Next.js
3:47
11
Generate an Nx Library to Implement our Markdown Rendering for our Next.js App
5:42
12
Parse a Markdown Document With gray-matter
3:11
13
Render Markdown With next-mdx-remote in our Next.js Page Component
2:44
14
Embed React Components in our Markdown with MDX in a Next.js App
4:54
15
Use React Components for Native HTML Tags with MDX and Next.js
2:19
16
Dynamically Loading React Components with next-mdx-remote and Next.js Dynamic imports
3:09
17
Using Environment Variables with Next.js and Nx
1:54
18
Add Fast Refresh Support to our MDX Files with Nx Support for Custom Next.js Servers
4:47
19
Scaffold a New Blog Post Article Automatically With Nx Workspace Generators
8:19
20
Run an Nx Generator With the Nx Console VSCode Extension
0:43
21
Add prompts to an Nx Workspace Generator
0:52
22
Configure Storybook for your React Based Nx Workspace Library
5:34
23
Configure Tailwind for your Storybook Setup in an Nx Workspace
4:24
24
Develop React Components in Isolation with Storybook and Nx
4:24
25
Share React Components in Next.js Applications with Nx Workspace Libraries
2:40
26
Write e2e Tests for our Next.js Application with Nx and Cypress
3:58
27
Write Cypress Tests for our React Storybook Components with Nx
5:03
28
Export a Next.js Application with Nx
2:38
29
Setup Vercel to Deploy an Nx Based Next.js Application
4:34
30
Only Build What Changed with Nx Affected Commands
4:04
31
Register our Markdown Articles with the Nx Dependency Graph
4:15
32
Only Deploy to Vercel What has Been Affected Using Nx
6:48
33
Course Outro: Where to go from here!
1:44