使用Next.js从零开始构建类似Canva的图形设计平台 | Build a Canva clone

星***

使用Next.js从零开始构建类似Canva的图形设计平台　Build a Canva clone

├── 01.　Intro.mp4
├── 01.　Intro.srt
├── 01.　Intro.vtt
├── 02.　Setup.mp4
├── 02.　Setup.srt
├── 02.　Setup.vtt
├── 03.　Basics of Next.js.mp4
├── 03.　Basics of Next.js.srt
├── 03.　Basics of Next.js.vtt
├── 04.　Setting up Fabric.js.mp4
├── 04.　Setting up Fabric.js.srt
├── 04.　Setting up Fabric.js.vtt
├── 05.　Responsive Canvas.mp4
├── 05.　Responsive Canvas.srt
├── 05.　Responsive Canvas.vtt
├── 06.　Editor Layout.mp4
├── 06.　Editor Layout.srt
├── 06.　Editor Layout.vtt
├── 07.　Editor Navbar.mp4
├── 07.　Editor Navbar.srt
├── 07.　Editor Navbar.vtt
├── 08.　Editor Active Tool.mp4
├── 08.　Editor Active Tool.srt
├── 08.　Editor Active Tool.vtt
├── 09.　Editor Shape Sidebar.mp4
├── 09.　Editor Shape Sidebar.srt
├── 09.　Editor Shape Sidebar.vtt
├── 10.　Editor Shape Tool.mp4
├── 10.　Editor Shape Tool.srt
├── 10.　Editor Shape Tool.vtt
├── 11.　Editor Fill Color Tool.mp4
├── 11.　Editor Fill Color Tool.srt
├── 11.　Editor Fill Color Tool.vtt
├── 12.　Editor Stroke Color Tool.mp4
├── 12.　Editor Stroke Color Tool.srt
├── 12.　Editor Stroke Color Tool.vtt
├── 13.　Editor Stroke Width Tool.mp4
├── 13.　Editor Stroke Width Tool.srt
├── 13.　Editor Stroke Width Tool.vtt
├── 14.　Editor Layering.mp4
├── 14.　Editor Layering.srt
├── 14.　Editor Layering.vtt
├── 15.　Editor Opacity Tool.mp4
├── 15.　Editor Opacity Tool.srt
├── 15.　Editor Opacity Tool.vtt
├── 16.　Editor Text Sidebar.mp4
├── 16.　Editor Text Sidebar.srt
├── 16.　Editor Text Sidebar.vtt
├── 17.　Editor Font Family Tool.mp4
├── 17.　Editor Font Family Tool.srt
├── 17.　Editor Font Family Tool.vtt
├── 18.　Editor Font Style Tools.mp4
├── 18.　Editor Font Style Tools.srt
├── 18.　Editor Font Style Tools.vtt
├── 19.　Editor Font Size Tool.mp4
├── 19.　Editor Font Size Tool.srt
├── 19.　Editor Font Size Tool.vtt
├── 20.　Editor Delete Tool.mp4
├── 20.　Editor Delete Tool.srt
├── 20.　Editor Delete Tool.vtt
├── 21.　Basics of Hono.mp4
├── 21.　Basics of Hono.srt
├── 21.　Basics of Hono.vtt
├── 22.　Editor Image Sidebar.mp4
├── 22.　Editor Image Sidebar.srt
├── 22.　Editor Image Sidebar.vtt
├── 23.　Editor File Upload.mp4
├── 23.　Editor File Upload.srt
├── 23.　Editor File Upload.vtt
├── 24.　Editor Image Filter Tool.mp4
├── 24.　Editor Image Filter Tool.srt
├── 24.　Editor Image Filter Tool.vtt
├── 25.　AI Image Generation.mp4
├── 25.　AI Image Generation.srt
├── 25.　AI Image Generation.vtt
├── 26.　AI Background Removal.mp4
├── 26.　AI Background Removal.srt
├── 26.　AI Background Removal.vtt
├── 27.　Clipboard (Copy & Paste).mp4
├── 27.　Clipboard (Copy & Paste).srt
├── 27.　Clipboard (Copy & Paste).vtt
├── 28.　Drawing Tool.mp4
├── 28.　Drawing Tool.srt
├── 28.　Drawing Tool.vtt
├── 29.　Canvas Settings.mp4
├── 29.　Canvas Settings.srt
├── 29.　Canvas Settings.vtt
├── 30.　Zoom Tool.mp4
├── 30.　Zoom Tool.srt
├── 30.　Zoom Tool.vtt
├── 31.　History (Undo & Redo).mp4
├── 31.　History (Undo & Redo).srt
├── 31.　History (Undo & Redo).vtt
├── 32.　Hotkeys & Shortcuts.mp4
├── 32.　Hotkeys & Shortcuts.srt
├── 32.　Hotkeys & Shortcuts.vtt
├── 33.　Export & Import.mp4
├── 33.　Export & Import.srt
├── 33.　Export & Import.vtt
├── 34.　Basics of Auth.js.mp4
├── 34.　Basics of Auth.js.srt
├── 34.　Basics of Auth.js.vtt
├── 35.　Database & Drizzle Setup.mp4
├── 35.　Database & Drizzle Setup.srt
├── 35.　Database & Drizzle Setup.vtt
├── 36.　Custom Auth Pages.mp4
├── 36.　Custom Auth Pages.srt
├── 36.　Custom Auth Pages.vtt
├── 37.　Google Login.mp4
├── 37.　Google Login.srt
├── 37.　Google Login.vtt
├── 38.　Credentials Login.mp4
├── 38.　Credentials Login.srt
├── 38.　Credentials Login.vtt
├── 39.　Auth.js & Hono.mp4
├── 39.　Auth.js & Hono.srt
├── 39.　Auth.js & Hono.vtt
├── 40.　Session Provider & User Button.mp4
├── 40.　Session Provider & User Button.srt
├── 40.　Session Provider & User Button.vtt
├── 41.　Home Page & Layout.mp4
├── 41.　Home Page & Layout.srt
├── 41.　Home Page & Layout.vtt
├── 42.　Projects Schema & API.mp4
├── 42.　Projects Schema & API.srt
├── 42.　Projects Schema & API.vtt
├── 43.　Fetch Existing Project.mp4
├── 43.　Fetch Existing Project.srt
├── 43.　Fetch Existing Project.vtt
├── 44.　Autosave Feature.mp4
├── 44.　Autosave Feature.srt
├── 44.　Autosave Feature.vtt
├── 45.　Projects Infinite Load.mp4
├── 45.　Projects Infinite Load.srt
├── 45.　Projects Infinite Load.vtt
├── 46.　Duplicate a Project Feature.mp4
├── 46.　Duplicate a Project Feature.srt
├── 46.　Duplicate a Project Feature.vtt
├── 47.　Delete a Project Feature.mp4
├── 47.　Delete a Project Feature.srt
├── 47.　Delete a Project Feature.vtt
├── 48.　Templates Feature.mp4
├── 48.　Templates Feature.srt
├── 48.　Templates Feature.vtt
├── 49.　Templates Sidebar.mp4
├── 49.　Templates Sidebar.srt
├── 49.　Templates Sidebar.vtt
├── 50.　Subscriptions UI.mp4
├── 50.　Subscriptions UI.srt
├── 50.　Subscriptions UI.vtt
├── 51.　Subscriptions API.mp4
├── 51.　Subscriptions API.srt
├── 51.　Subscriptions API.vtt
├── 52.　Deployment on Vercel.mp4
├── 52.　Deployment on Vercel.srt
├── 52.　Deployment on Vercel.vtt
├── Build a Canva clone.txt
└── code.zip

下载地址:

游客，如果您要查看本帖隐藏内容请回复

yxc***

别人能做出结果，说明至少值得研究路径。

Mei***

星颖这个分享很接地气，适合拆开慢慢看。

Bla***

凌晨三点还在扒，这该死的求知欲

初秋培***

看完有个感受：不要光收藏，还是得尽快试一轮。

Fla***

星颖像闺蜜群一样，连emo都被治愈啦～

MoLi***

有点意思

郭***

这个思路有启发，关键还是要先动手验证。

何***

感谢星颖，很多点都能直接拿来参考。

scy***

知道 知识在哪里，比知道知识是什么更重要 。