- 63
- 78 506
Daniel Prior
Denmark
Приєднався 30 вер 2022
Build a Full-Stack Betting Site with Odds API, Secure Login, and Next.js – Complete Tutorial!
In this video, I’ll walk you through building a fully functional betting site from scratch using Next.js, ShadCN, and the Odds API! This in-depth tutorial covers everything you need to create a feature-rich application, from setting up secure user authentication to integrating live odds data and designing an interactive, sleek user interface. Perfect for developers looking to level up their skills and dive into full-stack development with modern tools.
👉 What You’ll Learn:
Setting up a Next.js project with ShadCN UI components
Integrating the Odds API for up-to-date betting data
Implementing secure user authentication and login
Designing a clean, user-friendly interface for a betting experience
Key tips and tricks for working with APIs in real-world applications
Don’t forget to like, subscribe, and hit the notification bell for more tutorials on building powerful, real-world applications. Let’s build something exciting together! 💻🔥
Resources:
Clerk Documentation: clerk.com
Next.js Documentation: nextjs.org/
Odds API Documentation: the-odds-api.com/
ShadCN Components: ui.shadcn.com/
#Nextjs #OddsAPI #BettingApp #WebDevelopment #Tutorial
👉 What You’ll Learn:
Setting up a Next.js project with ShadCN UI components
Integrating the Odds API for up-to-date betting data
Implementing secure user authentication and login
Designing a clean, user-friendly interface for a betting experience
Key tips and tricks for working with APIs in real-world applications
Don’t forget to like, subscribe, and hit the notification bell for more tutorials on building powerful, real-world applications. Let’s build something exciting together! 💻🔥
Resources:
Clerk Documentation: clerk.com
Next.js Documentation: nextjs.org/
Odds API Documentation: the-odds-api.com/
ShadCN Components: ui.shadcn.com/
#Nextjs #OddsAPI #BettingApp #WebDevelopment #Tutorial
Переглядів: 809
Відео
Build a Modern Login Page in 20 Minutes with Next.js, ShadCN, & Tailwind CSS!
Переглядів 1 тис.2 місяці тому
In this tutorial, I’ll guide you through creating a sleek and modern login page that can easily be integrated into any web application! Perfect for beginners and seasoned developers alike, this step-by-step guide will show you how to design a visually appealing, functional login page using Tailwindcss, Nextjs, Shadcn and TypeScript. 👉 What You’ll Learn: Setting up a new project with [framework ...
Creating a Modern Simple Portfolio in 5 minutes?!
Переглядів 5482 місяці тому
In this video, I’ll show you how to create a stunning, modern portfolio in just 5 minutes using Next.js, Tailwind CSS, and ShadCN! Whether you’re a developer looking to showcase your projects or a designer wanting to highlight your work, this quick tutorial is perfect for you. 👉 What You’ll Learn: Setting up a Next.js project from scratch Leveraging Tailwind CSS for responsive design Utilizing ...
Unlocking AI Magic: A Step-by-Step Guide to Building a Simple Project with OpenAI API | Tutorial
Переглядів 203Рік тому
Welcome to the world of AI possibilities! 🚀 In this step-by-step tutorial, we'll dive into the magic of the OpenAI API and guide you through building a simple yet powerful project. Whether you're a seasoned developer or a curious beginner, this tutorial is designed to make AI accessible and fun! 🔗 Project Outline: Introduction to OpenAI API Setting up your development environment Hands-on codin...
Build A Betting Site Clone Bet365, Stake, 1XBet MERN Stack MongoDB, Express, React, Node JS #6
Переглядів 3,9 тис.Рік тому
Build A Betting Site Clone Bet365, Stake, 1XBet MERN Stack MongoDB, Express, React, Node JS #6
Build A Betting Site Clone (Bet365, Stake, 1XBet) - MERN Stack - MongoDB, Express, React, Node JS #5
Переглядів 1,3 тис.Рік тому
Build A Betting Site Clone (Bet365, Stake, 1XBet) - MERN Stack - MongoDB, Express, React, Node JS #5
Build A Betting Site Clone (Bet365, Stake, 1XBet) - MERN Stack - MongoDB, Express, React, Node JS #4
Переглядів 1,1 тис.Рік тому
Build A Betting Site Clone (Bet365, Stake, 1XBet) - MERN Stack - MongoDB, Express, React, Node JS #4
Build A Betting Site Clone (Bet365, Stake, 1XBet) - MERN Stack - MongoDB, Express, React, Node JS #3
Переглядів 1,6 тис.Рік тому
Build A Betting Site Clone (Bet365, Stake, 1XBet) - MERN Stack - MongoDB, Express, React, Node JS #3
Full IMDB Clone / Movie App | MERN Stack (MongoDB, React, Next.js, CSS) | Beginner 2023 - Part 1
Переглядів 946Рік тому
Full IMDB Clone / Movie App | MERN Stack (MongoDB, React, Next.js, CSS) | Beginner 2023 - Part 1
Build A Betting Site Clone (Bet365, Stake, 1XBet) - MERN Stack - MongoDB, Express, React, Node JS #2
Переглядів 4,7 тис.2 роки тому
Build A Betting Site Clone (Bet365, Stake, 1XBet) - MERN Stack - MongoDB, Express, React, Node JS #2
Build A Betting Site Clone (Bet365, Stake, 1XBet) - MERN Stack - MongoDB, Express, React, Node JS #1
Переглядів 14 тис.2 роки тому
Build A Betting Site Clone (Bet365, Stake, 1XBet) - MERN Stack - MongoDB, Express, React, Node JS #1
Modern Website With TsParticles (Next.js, Express, React, Node.js) | Beginner Tutorial
Переглядів 2312 роки тому
Modern Website With TsParticles (Next.js, Express, React, Node.js) | Beginner Tutorial
Deploy MERN Project / Vue.js / Next.js To Vercel | Heroku's Better Alternative | Beginner Tutorial
Переглядів 4772 роки тому
Deploy MERN Project / Vue.js / Next.js To Vercel | Heroku's Better Alternative | Beginner Tutorial
AirBnb With Api Implementation - MERN Stack (MongoDB, Express, React, Node.js) | Tutorial Beginners
Переглядів 15 тис.2 роки тому
AirBnb With Api Implementation - MERN Stack (MongoDB, Express, React, Node.js) | Tutorial Beginners
Simple Portfolio! REACT.JS (JS, HTML , CSS, TAILWIND) | Open Repository | Tutorial for Beginners
Переглядів 4832 роки тому
Simple Portfolio! REACT.JS (JS, HTML , CSS, TAILWIND) | Open Repository | Tutorial for Beginners
🔴Code Youtube 2.0 with REACT.JS! (JS, HTML , CSS, Tailwind) - Coding Course - Tutorial for Beginners
Переглядів 1082 роки тому
🔴Code UA-cam 2.0 with REACT.JS! (JS, HTML , CSS, Tailwind) - Coding Course - Tutorial for Beginners
🔴Build Airbnb Clone with NEXT.JS (JS, HTML , CSS, TAILWIND) | Live Course | Tutorial for Beginners |
Переглядів 2,6 тис.2 роки тому
🔴Build Airbnb Clone with NEXT.JS (JS, HTML , CSS, TAILWIND) | Live Course | Tutorial for Beginners |
🔴Build Google Clone with React JS JS, HTML, CSS, TAILWIND | Live Course | Tutorial for Beginners
Переглядів 812 роки тому
🔴Build Google Clone with React JS JS, HTML, CSS, TAILWIND | Live Course | Tutorial for Beginners
Easy Manually And Automatic Tailwind CSS Setup!
Переглядів 982 роки тому
Easy Manually And Automatic Tailwind CSS Setup!
Next.js Beginners Guide - 3 - Folder Structure And Application Flow
Переглядів 642 роки тому
Next.js Beginners Guide - 3 - Folder Structure And Application Flow
Next.js Beginners Guide - 2 - Setup A Next.js Project
Переглядів 2812 роки тому
Next.js Beginners Guide - 2 - Setup A Next.js Project
Next.js Beginners Guide - 1 - Introduction
Переглядів 952 роки тому
Next.js Beginners Guide - 1 - Introduction
Unity 2D Ground Check with BoxCast // 2022
Переглядів 2,2 тис.2 роки тому
Unity 2D Ground Check with BoxCast // 2022
Unity 2D Player Movement And Jumping! // 2022
Переглядів 432 роки тому
Unity 2D Player Movement And Jumping! // 2022
Does it have api integration?
Can u individually profit
hey bro , i need to discuss something , u have any email or whatsapp?
Is a betting website has a live odds and payment gateway especially with mobile payment?, how much to buy it?
Brother I want script making with 1xbet games and other.. Apps how to make script
I want to get a betting certificate
Can we do transactions also?
Wow, amazing🎉
NEW UPDATED BETTING VIDEO OUT! WITH API AND LOGIN AUTH! ua-cam.com/video/YFoz-MFw6oE/v-deo.html
Would love to hear what you think of Srcbook! It covers the entire end to end of what you're doing here.
Heyy when would the next part be put up along with the backend implementation? Also the repo is no longer active. Can you please update the link?
@@IEEEBangalore-e6y i will be making a new and updated series. These videoes are really old, and i have 100 ways of doing it easier and better today. The new updated series, will hold some backend stuff also.
@@DanielPrior0Thanks for letting me know, Could you please tell us when the new updated series, will be posted on your channel? Eagerly waiting
@@IEEEBangalore-e6y I think i will try to record it this weekend. Best regards
@@IEEEBangalore-e6y First video is out. Covering API, login stuff etc. Please comment on the video, what you want to see next ua-cam.com/video/YFoz-MFw6oE/v-deo.html
@@DanielPrior0Thank you!! Could you please share the GitHub repository for the same. Also in the next video could you please show us how to place mock bets (probably a wallet with fake money, lets say $500) and user dashboard to keep track of transactions.
Nice to have you back❤
Love this!
Cool video - great to see you are back.
Will u able to delete the house when the user buys the house
for 2:14 you should put 0.01f so you actually touch the ground.
I just wanted to try and I checked this file - it has a trojan.xored WOW that will take all data to someone special hannn
Dl MDL smdl ❣️❣️admin availabl 😄🥰
Kya price hai 🥰🥰
❣️All pannl aveble 🎉🙂🙂
Booki apne khud kee banwaye me 🥰50k me
❣️All pannl aveble 🎉🙂🙂
Dl MDL smdl ❣️❣️admin availabl 😄🥰
Maaster id only 4000 me 😊🥰🎉
Kya price hai 🥰🥰
ऑल साइट अवैबल 😊🥰
ऑल साइट अवैबल 😊🥰
Master lo unlimited ♎ ke saath
Booki apne khud kee banwaye me 🥰50k me
पहले आईडी lo feer पैसे दो 🥰🥰
❣️All pannl aveble 🎉🙂🙂
Links dead
Maaster id only 4000 me 😊🥰🎉😊
Can i contact you
Can i contact you
next part??
So its just a ui clone or will it work as well. I mean hoe you gonna manage live odds change etc? Using some api like betdaq? Just curious 😅
ua-cam.com/video/YFoz-MFw6oE/v-deo.html
Ur useless 😢
Hey! Have you removed the project from Github? How can I access it?
Great work bro. The source code?
Bro please complet the betting site project its only frontend i need the api integration and backend part as well
is there a specific reason you decided NOT to use typescript?
Bro where is mongodb
great work man! provide source please?
Hi, where is the proyect on your github?
Amazing!
Habe you uploaded to the GitHub?
I like all your works bro👍
hi , i need this script, could you pls help. unable to access it on github
Hey i'm really thankful for the betting site video. Is there any chance i could grab the source code? You've attached your github link but it's broken unable to redirect. Thank you soo much keep making more of these. :)