Back to project 
🌐 Introduction:
Welcome to Simple Dev Code! In this comprehensive tutorial, we’ll guide you through the process of creating your own full stack portfolio website from scratch. Whether you’re a beginner or an experienced developer, this step-by-step guide will help you showcase your skills and projects in style.
🔧 What You’ll Learn:
⚙️ Setting up the development environment Next.js/React.js 🗄️ Setting up supabase project with Next.js 📲 Shadcn UI installation and usage 🔐 Authentication 🏁 Next.js 14 API App router creation and usage 🛡 Private router creation and authentication 📊 Dynamic Routes creation and usage in Next.js 14 📝 Notion theme editor integration 🔌 CRUD API creation using Next.js 14 (API routing) 🗃️ Creating/Alter supabase PostgreSQL table 🌆 Storing and retrieve images via supabase storage 🧩 Image Upload API Implementation ultimate guide 🗒️ Pagination and search operation API creation and implementation 🔎 Debounce API call method tutorial in Next.js 14 🚀 Deploying portfolio website and CMS online for the world to see
⚙️ Tools and Technologies Used:
- Next.js 14
- React.js
- Tailwind CSS
- TypeScript
- Shadcn ui
- Supabase/PostgreSQL
👨💻 Who Should Watch:
Aspiring Full Stack Developers Web/Frontend Developers looking to enhance their skills Students and Beginners in programming
Here are the some details:
Git Link: Source code Demo URL: Demo URL
Login credentials: Username: demo@demo.com Password: demo@123
👍 Connect with Simple Dev Code: Subscribe for more tutorials: Subscribe Follow on Instagram: Instagram Follow on LinkedIn: Linkedin
🙏 Thanks for reading my blog! Don’t forget to share, link and follow me. feel free to ask questions in comment section.
👨💻 Happy coding!