🌐 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!
Top comments (0)