🌐 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!