Build & Deploy Full Stack Portfolio Builder App | NextJs, React, TailwindCss, Drizzle ORM

Описание к видео Build & Deploy Full Stack Portfolio Builder App | NextJs, React, TailwindCss, Drizzle ORM

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:    • Build & Deploy AI Content Generator A...  

🔥 App Demo : https://portfolio-guruji.vercel.app/
🔥TubeGuruji Portfolio : https://portfolio-guruji.vercel.app/t...

⭐ 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-build...
📚 https://go.clerk.com/VMIWFuF
📚Drizzle ORM : https://orm.drizzle.team/
📚 https://daisyui.com/


Free Members Access : https://www.tubeguruji.com/course-pre...


Join this channel to get access to perks:
   / @tubeguruji  

‪@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

Комментарии

Информация по комментариям в разработке