2.6 KiB
Ebb'nFlow Therapeutics Website
A dual-purpose website that works as both a Next.js application (for v0 preview) and exports to static HTML (for Cloudflare Pages deployment).
🚀 Quick Start
Development (Next.js Preview)
```bash npm install npm run dev ```
Visit http://localhost:3000
Build for Cloudflare Pages
```bash npm run build:static ```
This will create an out/ folder with static HTML files ready for Cloudflare Pages deployment.
📁 Project Structure
```
├── app/
│ ├── page.tsx # Homepage
│ ├── about/page.tsx # About page
│ ├── contact/page.tsx # Contact page
│ ├── movement/page.tsx # Movement page
│ ├── what-to-expect/page.tsx # What to Expect page
│ ├── components/
│ │ ├── Navigation.tsx
│ │ ├── Footer.tsx
│ │ └── Modal.tsx
│ ├── layout.tsx
│ └── globals.css
├── public/
│ └── images/ # All images
├── next.config.ts # Configured for static export
└── package.json
```
🌐 Deployment Options
Option 1: Cloudflare Pages (Recommended)
-
Build the static files: ```bash npm run build:static ```
-
Deploy the
out/folder to Cloudflare Pages:- Go to Cloudflare Dashboard
- Create new Pages project
- Upload the
out/folder
Option 2: v0 Preview
The project works natively in v0 for live preview and iteration.
🎨 Features
- Dual Mode: Works as Next.js app (dev) and static HTML (production)
- Image Optimization: Uses Next.js Image component with unoptimized export
- Responsive Design: Mobile-first approach
- SEO Optimized: Meta tags and semantic HTML
- Performance: Static generation for fast loading
📝 Development Notes
- Images are in
/public/images/and referenced as/images/filename.jpg - Navigation uses Next.js Link for client-side routing in dev
- Modal functionality is client-side with React hooks
- All pages export as static HTML with proper routing
🔧 Configuration
next.config.ts
```typescript const nextConfig = { output: 'export', // Enables static export images: { unoptimized: true, // Required for static export }, trailingSlash: true, // Adds trailing slash to URLs } ```
📞 Contact
Ebb'nFlow Therapeutics
- 📍 59 Wellington Street, St. Catharines, ON L2R 5P9
- 📞 (289) 969-3219
- ✉️ info@ebbnflowtherapeutics.com
© 2025 Ebb'nFlow Therapeutics. All rights reserved.