- 122
- 1 049 478
Andy's Tech Tutorials
Приєднався 10 сер 2019
Welcome to Andy's Tech Tutorials, your ultimate destination for all things programming, whether you're just starting your journey or looking to level up your skills. My channel is packed with comprehensive tutorials and practical tips that empower learners of all levels!
🌐 Embark on an API Adventure: Immerse yourself in the captivating realm of Application Programming Interfaces (APIs) and discover how they seamlessly connect software applications. Join us as we explore popular APIs such as GitHub, OpenWeatherMap, and The Movie Database, guiding you through the integration process. From RESTful APIs to mastering OAuth authentication, I will equip you with the knowledge to unlock the full potential of these dynamic tools.
💡 Web App Hosting: Take your software to the web with confidence! My channel provides step-by-step guidance on hosting web applications as well as setting up custom domains with your web app!
🌐 Embark on an API Adventure: Immerse yourself in the captivating realm of Application Programming Interfaces (APIs) and discover how they seamlessly connect software applications. Join us as we explore popular APIs such as GitHub, OpenWeatherMap, and The Movie Database, guiding you through the integration process. From RESTful APIs to mastering OAuth authentication, I will equip you with the knowledge to unlock the full potential of these dynamic tools.
💡 Web App Hosting: Take your software to the web with confidence! My channel provides step-by-step guidance on hosting web applications as well as setting up custom domains with your web app!
How to Setup Shadcn UI with Next.js
In this Shadcn UI Next.js tutorial, I show step by step how to set a Next.js App with Shadcn UI!
ui.shadcn.com/docs/installation/next
Chapters:
0:00 Intro
0:04 Create Next.js App with Shadcn UI
0:29 Install Shadcn UI Button Component
0:49 Test Shadcn UI Button Component
0:57 Outro
#shadcnui #nextjs #tutorial
😄 Want to support and help grow my channel?
Consider supporting my channel by downloading my Postman Collection file that has all of the API calls that I have ever made from my API Tutorial series for whatever price you want (or download for free by typing $0): andystechtutorials.gumroad.com/l/sqbuh
☕ Love my video and want to support me?
👉 www.buymeacoffee.com/andystutorials
ui.shadcn.com/docs/installation/next
Chapters:
0:00 Intro
0:04 Create Next.js App with Shadcn UI
0:29 Install Shadcn UI Button Component
0:49 Test Shadcn UI Button Component
0:57 Outro
#shadcnui #nextjs #tutorial
😄 Want to support and help grow my channel?
Consider supporting my channel by downloading my Postman Collection file that has all of the API calls that I have ever made from my API Tutorial series for whatever price you want (or download for free by typing $0): andystechtutorials.gumroad.com/l/sqbuh
☕ Love my video and want to support me?
👉 www.buymeacoffee.com/andystutorials
Переглядів: 131
Відео
How to Setup Shadcn UI with TypeScript, Vite, and React | 2025
Переглядів 514Місяць тому
I show step by step how to setup Shadcn UI using TypeScript, React, and Vite! Chapters: 0:00 Intro 0:17 Create React App using Vite 0:34 Add Tailwind 0:41 Update Index.css File 0:50 Update tailwind.config.js File 1:02 Update tsconfig.json File 1:11 Update tsconfig.app.json File 1:23 Update vite.config.ts 1:33 Run shadcn-ui init Command 1:46 Import Button Component 2:05 Run React App to Test Sha...
How to Setup Shadcn UI using Javscript, Vite, and React | 2025
Переглядів 751Місяць тому
In this updated (November 2024) Shadcn UI Tutorial, I show you step by step how to setup a react project using JavaScript and Vite! JavaScript Shadcn UI Documentation: github.com/shadcn-ui/ui/pull/5820/files Chapters: 0:00 Intro 0:35 Setup React App with Shadcn UI 3:01 Outro #shadcnui #react #javascript #tutorial 😄 Want to support and help grow my channel? Consider supporting my channel by down...
How to Setup Custom Domain with Squarespace and Netifly
Переглядів 2882 місяці тому
I show step by step how to setup a custom domain using SquareSpace and Netlify Chapters: 0:00 Intro 0:11 Add Custom Domain to Hosted Website 0:52 Add CNAME DNS Record in SquareSpace DNS 1:50 Add A Name Record in SquareSpace DNS 2:27 Test Custom Domain 2:47 Outro #sqaurespace #domain #tutorial 😄 Want to support and help grow my channel? Consider supporting my channel by downloading my Postman Co...
API League Tutorial
Переглядів 622 місяці тому
In this tutorial, I show you step by step how to use different APIs that API League offers! Chapters: 0:00 Intro 0:07 API League Extract Content API Demo 0:29 Get API League API Key 0:48 Extract Content API 1:49 Search Books API 2:53 Search Restaurants API 4:01 Search Icons API 4:27 Outro #apileague #api #tutorial #sideprojects DISCLAIMER: Links included in this description might be affiliate l...
How to Setup Zustand (State Management) with React and TypeScript
Переглядів 2923 місяці тому
In this Zustand tutorial, I show step by step how to create a react app with Zustand and Typescript! Code from tutorial: github.com/AndyUGA/zustand_react_tutorial Chapters: 0:00 Intro 0:05 Setup React App with Zustand And TypeScript 0:27 Create Zustand Store 0:53 Display values from Zustand Store 1:25 React App Demo 1:36 Outro #zustand #react #tutorial #typescript 😄 Want to support and help gro...
Movie Database API Authentication Session ID Tutorial
Переглядів 6413 місяці тому
In this Movie Database Authentication Session ID Tutorial, I show step by step how to generate a session ID Movie Database Generate Session ID Documentation: developer.themoviedb.org/reference/authentication-how-do-i-generate-a-session-id Chapters: 0:00 Intro 0:29 Create Request Token 1:20 Ask for User Permission 1:41 Generate Session ID 2:35 Make API Call using Session ID 3:36 Outro #moviedata...
Movie Database Now Playing API Tutorial | Movies Playing in Theaters
Переглядів 4624 місяці тому
In this Movie DB API Now Playing API tutorial, I will show step by step how to use show all movies that are currently playing in theathers using the movie db now playing API Now Playing Movie Database API Call Documentation: developer.themoviedb.org/reference/movie-now-playing-list Chapters: 0:00 Intro 0:07 Now Playing Example API Call 0:35 Setup Now Playing API Call 1:19 Make Now Playing API C...
Movie Database API Search Movies and TV Shows Tutorial
Переглядів 1,1 тис.5 місяців тому
In this Movie Database API Movie and TV Show Search Tutorial, I show step by step how to make an api call to the movie database api to search for movies and TV shows! How to Generate Movie DB API Key: ua-cam.com/video/FlFyrOEz2S4/v-deo.html Movie DB Search Movie API Documentation: developer.themoviedb.org/reference/search-movie Movie DB Search Movie API Documentation: developer.themoviedb.org/r...
Movie Database API Favorite Movie Tutorial
Переглядів 4896 місяців тому
In this tutorial, I show step by step how to favorite a movie using the movie database API! Movie DB API Favorite Movie Documentation: developer.themoviedb.org/reference/account-add-favorite Movie DB API Get List of Favorited Movies: developer.themoviedb.org/reference/account-get-favorites Chapters: 0:00 Intro 0:05 Favorite Movie and View Favoriated Movie Demo 0:25 Create API Request to Favorit...
The Movie Database API Recommendations Tutorial
Переглядів 5706 місяців тому
In this tutorial, I show step by step how to use the Movie Database Recommendations API! How to Generate Movie DB API Key: ua-cam.com/video/FlFyrOEz2S4/v-deo.html The Movie Database Recommendations API Documentation: developer.themoviedb.org/reference/movie-recommendations Chapters: 0:00 Intro 0:05 Movie Database Recommendations API Call Demo using Postman 0:15 Import Movie Database Recommendat...
The Movie Database API Movie Trailer Tutorial
Переглядів 1,1 тис.7 місяців тому
In this tutorial, I show step by step how to get movie trailers from the movie DB API How to Generate Movie DB API Key: ua-cam.com/video/FlFyrOEz2S4/v-deo.html Chapters: 0:00 Intro 0:06 Movie DB Trailer API Call Demo 0:33 Setup Movie DB Trailer API Call 1:51 Make Movie DB Trailer API Call with Postman 2:11 Outro #moviedb #trailer #api #tutorial 😄 Want to support and help grow my channel? Consid...
The Movie Database Movie Poster Image API Tutorial
Переглядів 2,2 тис.7 місяців тому
In this Movie Database Image API, I show step by step how to get the images for a specific movie! How to Generate Movie DB API Key: ua-cam.com/video/FlFyrOEz2S4/v-deo.html Movie Images API Call Documentation: developer.themoviedb.org/reference/movie-images Movie Images URL Preview Documentation: developer.themoviedb.org/docs/image-basics Chapters: 0:00 Intro 0:05 Movie Database Preview Image 0:...
How to Setup Next.js App with Supabase | For Beginners
Переглядів 8298 місяців тому
In this Next.js and Supabase tutorial, I show you step by step how to create a next.js app with Supabase! Use Supabase with Next.js Documentation Link: supabase.com/docs/guides/getting-started/quickstarts/nextjs Chapters: 0:00 Intro 0:05 Create Supabase Project 0:21 Create SQL Table 0:39 Create Next.js App 1:04 Update Environment Variable Project File 1:41 Create Notes Page in Next.js App 1:56 ...
How to Install Shadcn UI using React, JavaScript, and Vite
Переглядів 10 тис.8 місяців тому
Updated Tutorial as of November 2024: ua-cam.com/video/uLXIGs-maUU/v-deo.html In this Shadcn UI Tutorial, I show you step by step how to setup a react project using JavaScript and Vite! Chapters: 0:00 Intro 0:07 Create React Project using Vite 0:48 Add Tailwind 0:57 Edit jsconfig.json file 1:41 Update vite.config.js 2:06 Run Shadcn-ui Init Command 3:01 Install and Add Button Component 3:45 Outr...
How to use Shadcn UI Card Component | Tutorial
Переглядів 1,2 тис.9 місяців тому
How to use Shadcn UI Card Component | Tutorial
How to Setup Pagination with Shadcn UI | Tutorial
Переглядів 8 тис.10 місяців тому
How to Setup Pagination with Shadcn UI | Tutorial
How to use Shadcn UI Skeleton Component | Tutorial
Переглядів 1,8 тис.10 місяців тому
How to use Shadcn UI Skeleton Component | Tutorial
How to Add Dark Mode using Shadcn UI and Vite | Tutorial
Переглядів 6 тис.11 місяців тому
How to Add Dark Mode using Shadcn UI and Vite | Tutorial
How to Install Shadcn UI in React using TypeScript and Vite | Tutorial
Переглядів 4,4 тис.11 місяців тому
How to Install Shadcn UI in React using TypeScript and Vite | Tutorial
How to Deploy Next.js App on Vercel using GitHub | Easiest Method
Переглядів 948Рік тому
How to Deploy Next.js App on Vercel using GitHub | Easiest Method
How to Deploy MERN (MongoDB Express React Node) App on Railway
Переглядів 3,4 тис.Рік тому
How to Deploy MERN (MongoDB Express React Node) App on Railway
How to Deploy MERN (Mongo Express React Node) App to Vercel | For Beginners
Переглядів 5 тис.Рік тому
How to Deploy MERN (Mongo Express React Node) App to Vercel | For Beginners
How to Deploy MERN (React Node Express Mongo) App to Render for Free
Переглядів 10 тис.Рік тому
How to Deploy MERN (React Node Express Mongo) App to Render for Free
Weather API Project Tutorial using HTML, CSS, and JavaScript | For Beginners
Переглядів 3,9 тис.Рік тому
Weather API Project Tutorial using HTML, CSS, and JavaScript | For Beginners
The Movie Database API Project Tutorial using HTML, CSS, and JavaScript
Переглядів 4,4 тис.Рік тому
The Movie Database API Project Tutorial using HTML, CSS, and JavaScript
How to Fork a GitHub Repo using the GitHub API
Переглядів 419Рік тому
How to Fork a GitHub Repo using the GitHub API
How to Update a GitHub Repo using the GitHub API
Переглядів 1,3 тис.Рік тому
How to Update a GitHub Repo using the GitHub API