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