📋 Step-by-Step Deployment Guide

Complete guide to deploy ConverterJunction live — Cloudflare Pages (Free) or Hostinger

☁️

Deploy to Cloudflare Pages — 100% FREE

Best option! Free hosting, free SSL, global CDN, unlimited bandwidth

$0/month

Cost

Free SSL

HTTPS

Global CDN

Fast worldwide

Create Free Cloudflare Account

Go to cloudflare.com → Click Sign Up
Enter email and password → Verify email
You're on the Free plan (no credit card needed)

Install Required Software on Your Computer

You need Node.js and npm installed.

# Check if already installed:

node --version # Should show v18+ or v20+
npm --version # Should show 9+

If not installed → Download from nodejs.org → Download LTS version

Download the Project Files

You need the project files on your computer.

Option A (If you have GitHub):

git clone https://github.com/YOUR-USERNAME/converterjunction.git
cd converterjunction

Option B (Download ZIP):

Download project ZIP → Extract → Open folder in terminal

Install Dependencies & Build

Open terminal in the project folder and run:

npm install # Install packages (~2 min)

npm run build # Build the site

✅ You'll see a dist/ folder created — this is your website!

Deploy to Cloudflare Pages

# Login to Cloudflare:

npx wrangler login

# Create the project (first time only):

npx wrangler pages project create converterjunction --production-branch main

# Deploy:

npx wrangler pages deploy dist --project-name converterjunction

🎉 Your site will be live at: https://converterjunction.pages.dev

Connect Your Custom Domain

Go to Cloudflare Dashboard → Pages → converterjunction
Click Custom domains → Add domain → Enter converterjunction.com
Point your domain DNS to Cloudflare nameservers (from your domain registrar)
Free SSL automatically activates within 5 minutes ✅

✅ Site live at https://converterjunction.com — Free forever!

🔄 To Update the Site Later:

npm run build
npx wrangler pages deploy dist --project-name converterjunction

🌐

Deploy to Hostinger Shared Hosting

⚠️ Important: Use Hostinger's Node.js hosting (not basic shared), or use Cloudflare adapter

⚠️ Important Note About Hostinger

This site uses Cloudflare Workers/Hono — NOT a traditional PHP site. For Hostinger, you need either:

Option A: Hostinger VPS/Cloud hosting with Node.js support
Option B (Recommended): Export as static site + upload via FTP
Option C: Use Cloudflare Pages (FREE) — much easier!

Method: Export Static HTML + Upload to Hostinger

Build & Export Static Files

npm install

npm run build

The dist/ folder contains all your website files

Login to Hostinger hPanel

Go to hpanel.hostinger.com
Login with your Hostinger credentials
Click on your hosting plan → Manage

Upload Files via File Manager

In hPanel → Click File Manager
Navigate to public_html/ folder
Upload all files from your local dist/ folder
Also upload package.json and create a server.js file

Tip: Use FTP client (FileZilla) for faster upload: FTP → upload entire dist/ folder

Create server.js for Node.js Hosting

Create a server.js file:

const express = require('express');
const path = require('path');
const app = express();
app.use(express.static(path.join(__dirname, 'dist')));
app.get('*', (req, res) => {
res.sendFile(path.join(__dirname, 'dist/index.html'));
});
app.listen(process.env.PORT || 3000);

Configure Node.js in hPanel

In hPanel → Go to Node.js section
Set Node.js version to 18 or 20
Set Application root: public_html
Set Application startup file: server.js
Click Install Dependencies → npm install
Click Restart

Point Domain & Enable SSL

In hPanel → Go to Domains
Add domain or point your domain to Hostinger nameservers
Go to SSL → Enable free Let's Encrypt SSL
Wait 5-10 minutes → Site is live! ✅

🚀 After Going Live — Checklist

📋 SEO Setup

✅ Submit sitemap to Google Search Console
✅ Add site to Google Search Console
✅ Submit to Bing Webmaster Tools
✅ Set up Google Analytics 4
✅ Create social media profiles

💰 Monetization

📌 Apply for Google AdSense (need 30+ days + 100+ clicks)
📌 Replace ad placeholders with real AdSense code
📌 Add Media.net as alternative ad network
📌 Track revenue in Google Analytics

🔧 Technical

🔹 Verify robots.txt at /robots.txt
🔹 Check sitemap at /sitemap.xml
🔹 Test site on mobile (Chrome DevTools)
🔹 Run PageSpeed Insights test

📊 URLs to Submit

https://converterjunction.com/sitemap.xml
https://converterjunction.com/sitemap-index.xml
Submit both to Google Search Console

⚡ Super Quick Summary

Step 1

Install Node.js from nodejs.org (if not installed)

Step 2

Run: npm install && npm run build

Step 3

Run: npx wrangler pages deploy dist --project-name converterjunction

🎉 That's it! Your site is live in under 5 minutes using Cloudflare Pages (FREE)