Create & Deploy React App with Gemini in Antigravity Using Hostinger MCP
In this video, we will deploy a React app on Hostinger using Google Antigravity, Gemini LLM, and Hostinger MCP. Instead of manually opening hPanel and uploading files, we will use AI to understand the React project, create a production build, deploy it to Hostinger shared hosting, and check if the website is live.
✅ Complete Notes - https://kodyfier.com/blog/deploy-react-app-hostinger-mcp.php
------------------------------------------------------------------------
🚀 Buy Hostinger at the Best Price (Get Extra Discount):
🔗 https://www.hostinger.com/in/thapa7
🎟️ Use Coupon Code: THAPA7 (For an extra 10% OFF!)
--------------------------------------------------------------------------
This video is useful for React developers, students, freelancers, and beginners who want to understand how AI can help in real-world hosting and deployment workflows.
------------------------------------------------------------------------------------
🔗 Useful Playlists
📘 Next.js Full Stack Playlist:
https://youtube.com/playlist?list=PLwGdqUZWnOp0lwvSBaIzzgV9X0ZiZ-42O&si=aQ_TNBNNx5L7V_bn
⚛️ React.js Playlist:
https://youtube.com/playlist?list=PLwGdqUZWnOp1Rab71vx2zMF6qpwGDB2Z1&si=sDZRxsYNetYmojKd
💻 TypeScript Playlist:
https://youtube.com/playlist?list=PLwGdqUZWnOp0xfHQFmlL52b_6-QZ0mnk_&si=c4jfsd5ElDC1p0A5
------------------------------------------------------------------------------------
💸 Get All My YouTube Videos' Source Code for just ₹199! Grab Now - https://thapatechnical.shop/source-code
📺 Watch the complete Node.JS Playlist here :https://youtube.com/playlist?list=PLwGdqUZWnOp3KELplHtc-RnJ5xTUPqdgH&si=_ob8F88HYxCdspup
🔥 Access Source Code, PPT & Notes here for Free : https://www.thapatechnical.com/2024/11/introduction-to-nodejs.html
------------------------------------------------------------------------
🚀 Boost Your Skills with these Pre-Requisite Videos:
🔗 Best HTML Course - https://youtu.be/5ccq_nLHneE
🔗 Best CSS Course - https://youtu.be/MSICFljRcb4
🔗 JavaScript Basics Course Part 1 - https://youtu.be/13gLB6hDHR8
🔗 JavaScript Advanced Course Part 2 - https://youtu.be/YwsOCN8woA8
------------------------------------------------------------------------
💸 Build Your Own E-commerce Website for Free! - https://www.thapatechnical.com/2024/03/build-complete-ecommerce-website-using.html
------------------------------------------------------------------------
✌️ Join Us!
🚀 Become a Member: Unlock perks, free source code, and more Join Now : https://www.youtube.com/channel/UCwfaAHy4zQUb2APNOGXUCCA/join
📷 Connect on Instagram: https://www.instagram.com/thapatechnical
🗨️ Join Our Discord Server: Hang out with fellow programmers Discord Link: https://discord.gg/MdScmCsua6
------------------------------------------------------------------------
⌛TIMELINE⏳
0:00 Intro: Host React App using Hostinger MCP
0:16 Why do we need MCP?
1:10 Can Gemini host my React app on Hostinger?
1:20 Beginner mistake while deploying React
1:40 Google Antigravity setup and MCP install animation
2:45 Free credits / Jio free animation
3:05 Hostinger link and setup
3:20 Creating the project folder
3:29 First prompt: Create React portfolio website
5:20 Build command and important deployment tips
5:55 Asking Gemini + Hostinger MCP to deploy
7:20 Can Gemini really make the website live?
7:38 What is MCP? Simple explanation with animation
8:10 What Gemini can do with Hostinger MCP
8:30 Hostinger promotion
10:15 Two ways to install Hostinger MCP
11:50 Useful Hostinger MCP commands
12:30 Deploying the React app using MCP
13:40 Website is live
15:00 Manual deployment process explained
15:30 Making changes in React app
16:20 Redeploying changes on Hostinger
18:38 Fixing React Router 404 issue