Code With Custor Dev
Code With Custor Dev
  • 17
  • 1 386
🚀 Gromuse: A Fullstack Ecommerce Grocery Template Next.js Typescript
🚀 Gromuse: A Fullstack Ecommerce Grocery Template
🌟 Features:
Home, Products, Categories, Cart, and More: Intuitive navigation through essential ecommerce pages.
Detailed Product Views: Explore each product with rich details.
User Authentication: Secure login and registration, including GitHub and Google authentication via NextAuth.
Responsive Design: Sleek, mobile-first UI optimized for any device.
Add-to-Cart Functionality: Seamless cart management.
Admin Dashboard: Manage products, categories, settings, and view analytics.
CRUD Functionality: Fully integrated database operations for products and categories.
Modern Tech Stack: Built with Next.js, styled with Tailwind CSS, and deployed on Vercel for blazing-fast performance.
🔗 Explore Gromuse:ecommerce-grocery-two.vercel.app/
🎓 Learn to Build Fullstack Apps with DesiHub Courses: DesiHub Coding School
💻 Ready to elevate your skills? Join DesiHub and transform your ideas into reality!
Переглядів: 102

Відео

Struggling with ESLint Typescript errors in Next.js 15?6:55Struggling with ESLint Typescript errors in Next.js 15?
Struggling with ESLint Typescript errors in Next.js 15?
Переглядів 113Місяць тому
Are ESLint TypeScript errors slowing you down? I've got you covered! In my latest post, I show how to fix these errors caused by the Next.js 15 update by tweaking your eslintrc configuration. 💡 Say goodbye to those frustrating warnings and hello to cleaner, more efficient development! 🌟 What I Did: 1️⃣ Identified unnecessary rules causing errors. 2️⃣ Updated the eslintrc.json to align with Next...
Flako Limited - Premium Poultry Next.js Tailwind CSS2:55Flako Limited - Premium Poultry Next.js Tailwind CSS
Flako Limited - Premium Poultry Next.js Tailwind CSS
Переглядів 22Місяць тому
🌱 Flako Limited - Premium Poultry & Agricultural Products Template 🌾 This vibrant and modern template is crafted for poultry and agricultural businesses looking to shine online. Flako 🐔, has beautiful product layouts 🥚, and a responsive design, it showcases live hens, fresh eggs, and farm produce like never before! Fully customizable and easy to navigate, Flako Limited is your go-to solution fo...
Build Faster with My Next.js Aroma Template: Authentication, Redux, and CRUD Deployed on Vercel!16:14Build Faster with My Next.js Aroma Template: Authentication, Redux, and CRUD Deployed on Vercel!
Build Faster with My Next.js Aroma Template: Authentication, Redux, and CRUD Deployed on Vercel!
Переглядів 1122 місяці тому
🚀 Aroma Template is now live! Crafted with a sleek UI using ShadCN, Tailwind CSS, and Next.js, this template comes fully packed with advanced functionalities like authentication via Google and GitHub, a Redux-powered Add to Cart system, and full CRUD capabilities. It's deployed seamlessly on Vercel for fast performance. 🔥 Get this amazing template today by clicking the button below and start bu...
How to Use Css Video tags16:19How to Use Css Video tags
How to Use Css Video tags
Переглядів 444 місяці тому
Excited to share a new video tutorial I created today! This guide covers how to use the CSS video tag, set a video as a background, and embed videos using iframes. Perfect for enhancing your web development skills and adding dynamic content to your projects. Check it out! Desishub Docs : desishub-docs.vercel.app/programming-tutorials/html-and-css/css-videos Desishub Courses : coding-school-type...
Ande template Demo Next.js TypeScript6:00Ande template Demo Next.js TypeScript
Ande template Demo Next.js TypeScript
Переглядів 1444 місяці тому
In this short video, I demonstrate the Ande template built with Next.js and TypeScript. Watch as I walk through the features, including a seamless sign-in functionality powered by NextAuth with credential providers. Get a quick overview of how to integrate and enhance your Next.js applications with these powerful tools. live link : ande-temp.vercel.app desishub courses : coding-school-typescrip...
How to set up prisma ORM with Mongo Db in your next.js app20:11How to set up prisma ORM with Mongo Db in your next.js app
How to set up prisma ORM with Mongo Db in your next.js app
Переглядів 715 місяців тому
Unlock the full potential of your Next.js applications with my comprehensive tutorial on setting up Prisma ORM. This guide is designed for both beginners and experienced developers, providing a clear, step-by-step process to seamlessly integrate Prisma ORM into your Next.js projects. You'll learn how to set up Prisma, configure your database schema, perform CRUD operations effortlessly, and fol...
How to setup MongoDB in your Next.js app8:02How to setup MongoDB in your Next.js app
How to setup MongoDB in your Next.js app
Переглядів 1126 місяців тому
A short video of how you can create your Mongo Db clusters and set everything in your app Courses Link : coding-school-typescript.vercel.app/ Mongo Db link : www.mongodb.com/developer/languages/javascript/getting-started-with-mongodb-and-mongoose/ MongoDB cluster : "mongodb srv://custor00:S0peZBRm1WE0OZeD@cluster0.iloyxnm.mongodb.net/mongoDb?retryWrites=true&w=majority&appName=Cluster0"
How To store Links With Next.js App4:48How To store Links With Next.js App
How To store Links With Next.js App
Переглядів 646 місяців тому
Here is a powerful and intuitive link management tool. Built with Next.js and TypeScript, LinkKeeper provides seamless and efficient link storage and retrieval. Using Prisma ORM and MongoDB, it ensures your links are securely stored and easily accessible whenever you need them. Whether you're organizing important URLs or saving resources for later, LinkKeeper makes managing your links a breeze....
How to Get The Google Provider Client ID and Secret6:32How to Get The Google Provider Client ID and Secret
How to Get The Google Provider Client ID and Secret
Переглядів 776 місяців тому
For those setting up authentication with NextAuth.js, using Google as a provider can be a great option. You’ll need to set up your Google Client ID and Client Secret in your project. Remember, integrating Google’s authentication can streamline user logins and enhance security. Although it might seem challenging now, every bit of effort you invest in configuring it will pay off soon. In a year, ...
How to Make Forms with Error handling and Image Upload using Uploadthing in Next.js Typescript40:22How to Make Forms with Error handling and Image Upload using Uploadthing in Next.js Typescript
How to Make Forms with Error handling and Image Upload using Uploadthing in Next.js Typescript
Переглядів 1647 місяців тому
"Learn how to create forms with error handling and image uploads using Uploadthing in this tutorial. I'll guide you step-by-step through the process, making it easy to enhance your web applications Github : github.com/Iancustor/test-upload/tree/main join whatsup group: chat.whatsapp.com/HpArO2u5iOtJGSaLgf0ujt
How to add the Image Component in your Next.js App10:55How to add the Image Component in your Next.js App
How to add the Image Component in your Next.js App
Переглядів 1417 місяців тому
🚀 Welcome to another exciting tutorial on our channel! In this video, we delve into the world of Next.js and explore the powerful Image component it offers. Whether you're a beginner or a seasoned developer, understanding how to leverage Next.js Image component can significantly enhance your web development projects. 🔍 Next.js is a popular React framework that makes building server-side rendere...
How To Make a Random Quote Generator App in JavaScript34:00How To Make a Random Quote Generator App in JavaScript
How To Make a Random Quote Generator App in JavaScript
Переглядів 518 місяців тому
Hello , Join me on an exciting journey as we delve into creating our very own random quote generator from scratch! In this comprehensive tutorial, we'll explore HTML, CSS, and JavaScript to craft a dynamic and engaging tool. Access the complete source code on GitHub: github.com/Iancustor/QuoteGenerator.git. Prepare to elevate your coding skills and unleash your creativity! Don't forget to hit t...
How to implement Dark Mode in JavaScript35:51How to implement Dark Mode in JavaScript
How to implement Dark Mode in JavaScript
Переглядів 408 місяців тому
"🌙 Dive into Dark Mode magic! Learn to seamlessly implement it into your web projects using HTML, CSS, and JavaScript. Elevate your UI design game now! Don't forget to subscribe for more exciting tutorials to level up your coding skills! And remember to share with friends who love coding! 💻✨ #DarkMode #WebDevelopment #SubscribeNow
How to Design a Digital Clock in Just Minutes using JavaScript36:07How to Design a Digital Clock in Just Minutes using JavaScript
How to Design a Digital Clock in Just Minutes using JavaScript
Переглядів 898 місяців тому
How to Design a Digital Clock in Just Minutes using JavaScript

КОМЕНТАРІ