A minimal "Under Construction" landing page for migueltaibo.com, built with Vue 3, Vite, and Tailwind CSS. Hosted on Cloudflare Pages.
- Vue 3 — Frontend framework
- Vite — Build tool and dev server
- Tailwind CSS v4 — Utility-first CSS framework
- Cloudflare Pages — Hosting and deployment
# Install dependencies
npm install
# Start the dev server
npm run dev
# Build for production
npm run build
# Preview the production build locally
npm run preview- Push this repository to GitHub
- Go to the Cloudflare Dashboard → Workers & Pages → Create → Pages
- Connect your GitHub repository
- Configure the build settings:
- Framework preset: Vite
- Build command:
npm run build - Build output directory:
dist - Node.js version:
18(or later)
- Click Save and Deploy
Cloudflare Pages will automatically build and deploy your site on every push to the main branch.
portfolio/
├── public/
│ └── _redirects # Cloudflare Pages SPA routing
├── src/
│ ├── assets/
│ ├── App.vue # Main under construction page
│ ├── main.js # App entry point
│ └── style.css # Tailwind imports + custom animations
├── index.html
├── vite.config.js
└── package.json
Private — All rights reserved