NETLIFY DEPLOYMENT - QUICK GUIDE

Method 1: Drag & Drop (5 minutes - NO coding)

Build website locally:
- Install Quarto: https://quarto.org/docs/get-started/
- Run in terminal: quarto render
- This creates a docs/ folder
Deploy to Netlify:
- Go to: https://app.netlify.com/drop
- Drag the docs/ folder onto the page
- Done! Your site is live at yourname.netlify.app
Custom domain (optional):
- Site settings → Domain management → Add custom domain
- Update DNS at your domain provider (CNAME to yoursite.netlify.app)

To update: Rebuild locally, drag new docs/ folder to Netlify

Push to GitHub:

git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/yourusername/mtj-website.git
git push -u origin main

Connect Netlify:
- Log in to Netlify
- “New site from Git” → Choose GitHub
- Select your repository
- Build settings:
  - Build command: quarto render
  - Publish directory: docs
- Click “Deploy site”
Auto-deployment:
- Push to GitHub → Netlify auto-rebuilds
- No manual uploads needed

To update: Push changes to GitHub

# Install
npm install -g netlify-cli

# Login
netlify login

# Deploy
netlify deploy --prod

At Netlify: - Site settings → Domain management → Add custom domain - Enter: www.mtjdataanalytics.com

At your domain provider (e.g., Namecheap, GoDaddy): Add DNS records:

Type: CNAME
Name: www
Value: yoursite.netlify.app

Type: A (for apex domain @)
Name: @
Value: 75.2.60.5

SSL: Automatic (Let’s Encrypt) - enable in Domain settings

DNS Propagation: 24-48 hours

Build fails: - Check netlify.toml is included - Verify all .qmd files are present

404 errors: - Ensure publish directory is “docs” - Check all files uploaded

Custom domain not working: - Wait 24-48 hours for DNS propagation - Check DNS records are correct - Test: https://dnschecker.org

Make sure you have: - ✅ All .qmd files - ✅ _quarto.yml - ✅ styles.css - ✅ custom.scss - ✅ netlify.toml

Support: info@mtjdataanalytics.com | +234 901 944 1200