A fast, static personal website for a professional coach, built with Astro.
All text, contact details, services and testimonials live in one file:
src/data/site.ts
Open it and replace the placeholder values (name, email, WhatsApp number, social links, services, testimonials). No coding required for content changes.
To replace the two "Add your photo here" placeholders with a real image:
edit src/pages/index.astro, put your image in the public/ folder, and
swap the placeholder block for <img src="/your-photo.jpg" alt="..." />.
npm install
npm run dev # http://localhost:4321npm run buildThis generates a fully static site in the dist/ folder.
- Run
npm run buildlocally. - Open cPanel → File Manager.
- Go into
public_html(or the subfolder for your domain). - Upload everything inside
dist/(not thedistfolder itself), including the hidden.htaccessfile.- Tip: zip the contents of
dist/, upload the zip, then "Extract" in File Manager.
- Tip: zip the contents of
- Visit your domain — the site is live.
- Enable SSL in cPanel (AutoSSL / Let's Encrypt), then uncomment the
"Force HTTPS" block at the top of
.htaccess(it is included indist/automatically frompublic/.htaccess). - Update
site:inastro.config.mjsto your real domain for correct SEO/social metadata, then rebuild. - The contact form uses a simple
mailto:action. For a more reliable form, connect it later to a free service like Formspree or your cPanel email — ask and this can be wired up.