1 Course outline (12.37 MB)
2 Demo - what you will build (21.13 MB)
1 Module intro (3.63 MB)
2 Signup user (177.42 MB)
2 1 code (64.6 KB)
3 Session introduction (103.11 MB)
3 1 code (5.29 KB)
4 Login and create session (172.7 MB)
4 1 code (55.55 KB)
5 Protect routes with session (68.49 MB)
5 1 code (55.5 KB)
6 Logout (61.81 MB)
6 1 code (56.15 KB)
7 Session storage in database (162.74 MB)
7 1 code (58.04 KB)
1 Module intro (4 MB)
2 Update blog Part-1 (145.12 MB)
2 1 code (59.03 KB)
3 Update blog Part-2 (58 MB)
3 1 code (59.15 KB)
4 Update Navbar (67.77 MB)
4 1 code (59.1 KB)
5 Update blog styles (78.57 MB)
5 1 code (57.93 KB)
1 Module intro (3.53 MB)
2 File upload in remix app (128.53 MB)
2 1 code (57.8 KB)
3 Store Uploaded file data in database (150.46 MB)
3 1 code (208.43 KB)
1 Module intro (23.87 MB)
2 Design step indicators (117.97 MB)
2 1 code (229.38 KB)
3 Design features of each step (331.85 MB)
3 1 code (239.38 KB)
4 OpenAI api setup (147.05 MB)
4 1 code (229.38 KB)
5 Generate content for title, intro and outline via AI (286.31 MB)
6 Combine and generate final content for the blog post (162.73 MB)
6 1 code (229.38 KB)
7 Integrate Quill text editor to allow WYSIWYG editing (368.54 MB)
7 1 code (381.39 KB)
8 Publish and show content in blog (74.59 MB)
8 1 code (381.14 KB)
1 Basics of deployment and serve localhost via ngrok proxy (121.67 MB)
1 1 code (290.17 KB)
2 Deploy app to Fly io and manage app after deployment (149.25 MB)
2 1 code (387.09 KB)
1 Module intro (2.66 MB)
2 Brief look at React app hosting (25.16 MB)
2 1 code (83.89 KB)
3 Introduction to server side rendering (SSR) (32.31 MB)
3 1 code (5.35 KB)
4 Client sider rendering (CSR) and server side rendering (SSR) together (41.1 MB)
4 1 code (4.57 KB)
5 Introducing Remix framework (22.59 MB)
1 Module intro (1.31 MB)
2 Create a Remix app (57.95 MB)
2 1 code (150.6 KB)
3 Understand project files and directories (49.46 MB)
1 Module intro (2.66 MB)
2 Introduction to routing (36.84 MB)
2 1 code (38.06 KB)
3 Root route (34.31 MB)
4 Nested routes, layout sharing, pathless routes (59.16 MB)
5 Dynamic and optional segment routes (49.3 MB)
6 Splat routes (27.7 MB)
7 Resource routes (26.95 MB)
1 Module intro (809.36 KB)
2 Navigation via Link component (92.28 MB)
2 1 code (35.78 KB)
3 NavLinks (41.99 MB)
4 Programatic navigation (39.64 MB)
1 Module intro (2.07 MB)
2 Meta tags in Remix (75.35 MB)
2 1 meta (34.38 KB)
3 Style using local stylesheet (106.96 MB)
3 1 styles (42.92 KB)
4 Add custom fonts (26.32 MB)
5 Style using CSS library Bootstrap (75.27 MB)
1 Module intro (3.18 MB)
10 Forms in nested routes (44.42 MB)
10 1 code (41.5 KB)
11 Form validation using useActionData hook (73.79 MB)
11 1 code (50.98 KB)
12 Pending UI (53.02 MB)
12 1 code (41.35 KB)
13 Add comment feature to blog post (182.84 MB)
13 1 code (43.57 KB)
14 Optimistic UI (107.05 MB)
14 1 code (44.5 KB)
15 Programatic form submission - useSubmit hook (71.69 MB)
15 1 code (44.83 KB)
16 Fetcher and advantages over Forms (68.13 MB)
16 1 code (45 KB)
17 Handle Multiple form submission (77.35 MB)
17 1 code (44.86 KB)
18 Concurrent form submission and handling (61.43 MB)
19 URL query parameters in loaders (29.19 MB)
19 1 code (44.93 KB)
2 Introduction to Loaders (44.36 MB)
2 1 code (49.67 KB)
3 Load data into components (60.5 MB)
3 1 code (32.89 KB)
4 Adjust project & add Pico CSS (138.16 MB)
4 1 code (34.08 KB)
5 Loaders in nested routes (80.68 MB)
5 1 code (34.99 KB)
6 Share loader data in routes (56.86 MB)
6 1 code (45.09 KB)
7 Introduction to forms in Remix (75.71 MB)
7 1 code (50.53 KB)
8 Master action method and useActionData hook (124.09 MB)
8 1 code (40.53 KB)
9 Form (Remix) vs form (html) (80.15 MB)
9 1 code (40.86 KB)
1 Module intro (2.66 MB)
2 Error handling in Remix (74.54 MB)
2 1 code (44.7 KB)
3 Handle error thrown in routes (57.36 MB)
3 1 code (44.76 KB)
4 Error handling in nested routes (36.95 MB)
4 1 code (45.18 KB)
1 Module intro (3.13 MB)
2 Setup database (125.43 MB)
2 1 code (48.48 KB)
3 Read posts from database (75.26 MB)
3 1 code (49.83 KB)
4 Create post (68.18 MB)
4 1 code (49.35 KB)
5 Read and create comments (124.46 MB)
5 1 code (49.34 KB)
6 Edit post (187.51 MB)
6 1 code (50.54 KB)
7 Delete post (181.74 MB)
7 1 code (53.03 KB)