Back to Browse

Build a Web Templates Website With NextJs | Tailwind | Cloudinary

3.0K views
May 9, 2024
4:30:33

📂 GitHub Repository: https://github.com/Eclarkhalid/templates-website 💼 Hire Me: https://www.fiverr.com/s/1maom0 In this tutorial you will learn to create an epic web templates platform from scratch! 🌟 In this comprehensive full course, you'll master the art of building a modern, responsive, and feature-rich website using the latest cutting-edge technologies. 🛠️ Tech Stack: Next.js 14 (App Router, Pages Router) Tailwind CSS (utility-first CSS framework) MongoDB (NoSQL database) NextAuth.js (Google authentication) Cloudinary (image storage and optimization) 🔥 Key Features: Create stunning templates with a user-friendly interface Explore templates created by other users Edit and delete your own templates seamlessly Secure authentication with Google sign-in Responsive design for optimal viewing on all devices SEO-friendly with dynamic metadata and static site generation 📈 Level Up Your Skills: Whether you're an intermediate developer looking to enhance your skills or a seasoned pro seeking to stay ahead of the curve, this project will challenge and inspire you. Get ready to dive deep into the world of modern web development, mastering best practices, and building a portfolio-worthy application. 🚀 Let's create something amazing together! 💪 Timestamps 0:00:00 Course Introduction and Overview 0:07:25 Project Setup and Configuration 0:10:25 Building the Home Page and Header Component 0:29:25 Login Page Design and Functionality Implementation 0:35:07 NextAuth.js Setup and Integration 0:40:10 Google Cloud Console Configuration for Authentication 0:46:00 MongoDB Setup and Database Connection 0:51:55 Creating the User Dashboard and Navigation 1:19:25 New Template Creation Page and Form 1:33:50 Integrating React Quill Rich Text Editor 1:42:56 Designing the Template Data Model 1:47:45 Building the Templates API Endpoints 1:58:45 Cloudinary API Setup for Image Upload and Storage 2:10:18 Implementing Template Upload Functionality 2:55:30 Fetching and Displaying Templates on the Dashboard 3:07:40 Edit and Delete Template Functionality Implementation 3:25:10 Rendering Templates on the Home Page and Search Feature 3:58:10 Single Template Page and Detailed View

Download

0 formats

No download links available.

Build a Web Templates Website With NextJs | Tailwind | Cloudinary | NatokHD