Welcome to Your New Website! 🎉
Congratulations on your purchase! You now own a professional, modern website built with cutting-edge technology (React 19). This guide will walk you through getting your site live, even if you've never done this before.
Complete Deployment Walkthrough
Watch this step-by-step video guide to deploy your website in under 30 minutes.
Need Help? Want a Custom Site?
Have questions about deployment? Want a custom website built for you? Or prefer to have me set up your site for you?
First, Let's Understand What You Bought
The Files (Source Code)
The "recipe" for your website
Hosting Platform
Where your site lives online
Live Website
What visitors see
Think of it like this:
Your website is like a house. Right now, you have the BLUEPRINTS (the source code). To make it a REAL HOUSE people can visit, you need to BUILD IT on a PLOT OF LAND (hosting platform).
Choose Your Transfer Path
We've created THREE different paths based on your comfort level with technology. Choose the one that fits you:
Deploy to Vercel (Complete Beginner Guide)
This is the recommended path for most users. Vercel makes deploying React sites incredibly easy, and it's completely FREE for your site.
Rather Have Me Handle This?
Skip the tech headaches. I'll build you a custom website or handle your entire setup.
Deploy to Netlify (Intermediate Method)
Netlify offers more control and is perfect if you have some technical experience. Still very user-friendly!
Self-Hosting (Advanced Method)
For developers who want complete control over their hosting environment. Requires SSH access, command line knowledge, and server management experience.
Prerequisites Required
- SSH access to your server
- Basic command line knowledge
- Understanding of web servers (Nginx/Apache)
- Familiarity with Linux system administration
How to Update Content, Links, and Styling
Now that your site is live, here's how to make changes to keep it fresh and optimized.
Your affiliate links are centralized in one configuration file for easy updates:
// File: src/config/affiliates.js
export const affiliateLinks = {
amazon: "YOUR-AMAZON-ID",
clickbank: "YOUR-CLICKBANK-ID",
// Add more here
}- Find the file in your repository
- Edit and replace placeholder IDs
- Commit changes
- Site redeploys automatically
Most content lives in component files:
src/components/ - Reusable sectionssrc/pages/ - Full page content- Find the file for the page you want to edit
- Edit text between HTML tags
- Commit your changes
- Site redeploys automatically
Your site uses Tailwind CSS. Colors are defined in:
tailwind.config.jsExample of changing primary color:
colors: {
primary: '#4F46E5', // Change this
}- Create a new file in
src/pages/ - Copy structure from existing page
- Update content
- Add link to navigation
Hire a React developer on Fiverr for $25-100 to make changes for you. Just send them:
- Your GitHub repository link
- A description of what you want changed
- They'll make the changes and you approve
Common Issues & Solutions
Run into a problem? Here are solutions to the most common issues buyers encounter.
Video Walkthrough Tutorials
Visual learner? These video tutorials walk you through each deployment path step-by-step.
Follow along as I walk through the entire deployment process from start to finish - GitHub Desktop, Vercel setup, and going live.
Additional Tutorials
Watch this quick tutorial to learn how to update your affiliate links in the site configuration file. Perfect for beginners!
More Tutorials Coming Soon
DNS settings made simple
Edit text and images without breaking anything
Video Library Growing
We now have deployment and affiliate links tutorials available! Domain setup and content editing videos are being recorded and will be added soon.
Get Help When You Need It
You're not alone! Here's how to get support during and after your deployment.
Done Dealing with Tech Headaches?
I'll build you a custom website or handle any project you're stuck on.
You bought the template to save money and time. Smart move.
But if you're thinking "I'd rather just have someone who knows what they're doing build this for me" - I get it.
I've built websites across virtually every niche you can imagine. E-commerce stores, service businesses, digital products, memberships, portfolios - if it needs to exist on the web, I've built it.
Need something custom? Want your template professionally set up? Stuck on technical issues?
I typically respond within 2-4 hours
What We Can Help With:
- Deployment and hosting issues
- Domain connection problems
- Affiliate link setup
- Basic content updates
- Troubleshooting errors
What We Can't Help With:
- Major redesigns or new features
- Ongoing site management
- Marketing or SEO services
- Custom coding beyond basic fixes
If your site is down and you need immediate help:
If you need custom work:
Technical Details
Technical specifications for developers who want to understand the stack and structure.
npm installInstall dependencies
npm run devLocal development server
npm run buildProduction build
npm run previewPreview production build
/your-website
/public → Static assets (images, fonts)
/src
/components → Reusable React components
/pages → Main page components
/config → Configuration files (affiliates, etc.)
/styles → Global styles
/utils → Helper functions
package.json → Dependencies
vite.config.js → Build configuration
tailwind.config.js → Styling configuration- No sensitive data hardcoded
- Use
.envfile for API keys - Never commit
.envto GitHub