Summary
Keywords
Full Transcript
🚗Build Full Stack Next Js 13 App using React, Tailwind CSS, GraphQL, HyGraph, Typescript | Car Rental🚀 🚗 Building a Next.js Car Rental App: Complete Tutorial with React, Tailwind CSS, GraphQL, HyGraph, TypeScript, and Next.js 13 🚀 Welcome to our comprehensive tutorial on creating a cutting-edge Car Rental App using the latest web technologies! In this step-by-step video, we'll guide you through building a dynamic and user-friendly car rental platform using React, Tailwind CSS, GraphQL, HyGraph, TypeScript, and the exciting Next.js 13 framework. Sure, here is a YouTube video description that you can use to get your video ranked on top in search results for the topic "Build NextJs Car Rental App using React, Tailwind CSS, GraphQL, HyGraph, Typescript, NextJs 13": In this video, we will build a car rental app using Next.js, React, Tailwind CSS, GraphQL, HyGraph, and TypeScript. We will start by setting up our project and installing the necessary dependencies. Then, we will create our GraphQL schema and API. Next, we will build our React components and connect them to our GraphQL API. Finally, we will style our app using Tailwind CSS. This video is for beginners who want to learn how to build a car rental app using Next.js, React, Tailwind CSS, GraphQL, HyGraph, and TypeScript. By the end of this video, you will have a working car rental app that you can deploy to production. 💡 By the end of this tutorial, you'll have a fully functional car rental app that showcases your expertise in Next.js, React, Tailwind CSS, GraphQL, HyGraph, and TypeScript. Whether you're a beginner or an experienced developer, this video provides valuable insights and techniques that will boost your web development skills. 🔗 Download the starter code and access additional resources from our GitHub repository [link]. Make sure to like, share, and subscribe to our channel for more in-depth tutorials on web development, UI/UX design, and coding best practices. 📈 Don't miss out on this opportunity to learn and master the latest technologies while creating a real-world project. Get ready to take your skills to the next level and have your Next.js Car Rental App rank on top in search results! 👉 Github Source Code : https://tinyurl.com/yw4z8kxn 👉Application Demo : https://car-rental-tubeguruji.vercel.app/ 👉https://hygraph.com/ 👉Clerk : https://clerk.com 👉https://daisyui.com/ 🔔 Join this channel to get access to perks: https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join #Next.js #React #TailwindCSS #GraphQL #HyGraph #TypeScript #WebDevelopment #Tutorial Join this channel to get access to perks: https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join 📌 Timestamps: 00:00:00 Introduction 00:03:11 Create Next13 App 00:05:24 Files and Folder Explained 00:10:41 Clerk Authentication 00:17:24 NavBar 00:24:30 Hero Section 00:29:01 Custom Font 00:30:56 Search Filter 00:39:15 Filter Options with Daisy UI 00:46:37 HyGraph CMS Setup 00:53:11 GraphQL API Request 01:01:43 Display Cars List 01:15:40 Filter List Functionality 01:29:49 Car Booking Modal 01:40:13 Get Store Location Using GraphQL Api 01:46:09 Save User Car Booking 02:02:07 Show Success Toast Message
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
