English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 52 Lessons (17h 48m) | 4.09 GB
In this 18 hour course, we’ll build a feature-rich graphic design SaaS platform from the ground up. You’ll learn how to create an intuitive editor that allows users to customize templates, manipulate text and shapes, and integrate advanced drawing tools. To handle authentication, we will use Auth.js, a new name for Next-Auth. We will master social providers like Google and Github, as well as regular credential providers using email and password. You will learn how to use AI technologies to remove backgrounds, and generate images from text using software like Replicate. We’ll also implement a secure subscription & billing system using Stripe.
Table of Contents
1 Intro
2 Setup
3 Basics of Next.js
4 Setting up Fabric.js
5 Responsive Canvas
6 Editor Layout
7 Editor Navbar
8 Editor Active Tool
9 Editor Shape Sidebar
10 Editor Shape Tool
11 Editor Fill Color Tool
12 Editor Stroke Color Tool
13 Editor Stroke Width Tool
14 Editor Layering
15 Editor Opacity Tool
16 Editor Text Sidebar
17 Editor Font Family Tool
18 Editor Font Style Tools
19 Editor Font Size Tool
20 Editor Delete Tool
21 Basics of Hono
22 Editor Image Sidebar
23 Editor File Upload
24 Editor Image Filter Tool
25 AI Image Generation
26 AI Background Removal
27 Clipboard (Copy & Paste)
28 Drawing Tool
29 Canvas Settings
30 Zoom Tool
31 History (Undo & Redo)
32 Hotkeys & Shortcuts
33 Export & Import
34 Basics of Auth.js
35 Database & Drizzle Setup
36 Custom Auth Pages
37 Google Login
38 Credentials Login
39 Auth.js & Hono
40 Session Provider & User Button
41 Home Page & Layout
42 Projects Schema & API
43 Fetch Existing Project
44 Autosave Feature
45 Projects Infinite Load
46 Duplicate a Project Feature
47 Delete a Project Feature
48 Templates Feature
49 Templates Sidebar
50 Subscriptions UI
51 Subscriptions API
52 Deployment on Vercel
Resolve the captcha to access the links!