Summary
Full Transcript
Build & Deploy Full Stack Portfolio Builder App | NextJs, React, TailwindCss, Drizzle ORM 🌟 Excited to introduce my latest project: a full stack Portfolio Builder app built with Next.js! 💼 Combining the power of React, Tailwind CSS, and Daisy UI for sleek design, and leveraging Drizzle ORM and Clerk for seamless functionality. 🚀 Craft your professional portfolio effortlessly with this intuitive tool! Check out the video for a walkthrough and start showcasing your skills today! #NextJS #React #TailwindCSS #PortfolioBuilder ⭐ TubeGuruji : https://tubeguruji.com ⭐ Clerk : https://go.clerk.com/VMIWFuF ⭐ TwicPics (Image Optimization) : https://www.twicpics.com/ Watch Now : AI Content Generator App Using NextJs: https://youtu.be/egQajXL7nn4 🔥 App Demo : https://portfolio-guruji.vercel.app/ 🔥TubeGuruji Portfolio : https://portfolio-guruji.vercel.app/tubeguruji ⭐ Support me on : https://www.buymeacoffee.com/tubegurujiw 🌟 Now Start Building Real Life Projects to Make Real Money: https://tubeguruji.com 📚 Materials/References: 📚GitHub Repository For Application (give it a star ⭐): https://dcmk.short.gy/developer-builder-nextjs 📚 https://go.clerk.com/VMIWFuF 📚Drizzle ORM : https://orm.drizzle.team/ 📚 https://daisyui.com/ Free Members Access : https://www.tubeguruji.com/course-preview/full-stack-nextjs-developer-builder-app Join this channel to get access to perks: https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join @twicpics3173 Content: - Learn to Create NextJs React App and Library Install - Implement Social and Email Password authentication with Clerk - Learn Tailwindcss & Daisy UI Library - PostgreSql and Drizzle Setup - Learn to write Drizzle ORM query - Learn to Build Modern Design - Add User Bio and Project / Starups - Display Live preview in mobile view - Apply more than 20+ themes - Learn to add Visitor tracking - Display Bar chart and Area chart - Step by step tutorial - Deploy App on Cloud / Vercel --------------Video Chapter------------ 00:00:00 Introduction 00:05:33 Tech Stack 00:07:35 Project Setup 00:19:01 Dark Mode Theme 00:21:32 Backend Setup 00:35:57 Authentication 00:50:48 Create Username 01:12:04 SideNav Bar 01:22:26 Admin Page Layout 01:27:47 Save User Basic Info 01:45:30 Retrieve User Info 01:54:51 Extra Options 02:06:33 Drizzle Kit Update 02:08:13 File Upload Using Firebase 02:32:19 Image Optimization Using TwicPics 02:40:38 Add New Project in Portfolio 03:24:56 Delete Project From Portfolio 03:36:25 Quick Additions 03:45:39 Drag n Drop Project List Order 04:07:59 Setup Mobile Preview 04:27:34 User Detail in Preview 04:39:32 Project List preview 04:50:44 Style & Themes 05:04:38 Project Visit (Clicks) Track 05:30:46 Live reload Preview 05:37:42 View Analytics Page 05:55:49 Deploy App on Cloud
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
