CloudNext Documentation
Website Structure
This website is built with Next.js and deployed to Cloudflare Pages. The main sections include:
- Homepage with hero section and service overview
- Products page with EdgeDeploy details
- Services section highlighting our expertise
- About page with company information
- Contact form for inquiries
- Pricing page for service tiers
Managing Content
To update the website content:
- Edit the corresponding page in the
app/directory - For components, edit files in
app/components/ - Update images by adding them to the
public/images/directory - Deploy changes using
npm run deploy:production
Key Features
Hero Animation
The homepage features an animated SVG that showcases Next.js and Cloudflare integration with animated edge network points and data flow lines.
Mobile Responsive
All pages are designed to work on mobile, tablet, and desktop devices with optimized layouts for each screen size.
SEO Optimized
Built-in SEO features include metadata, OpenGraph and Twitter cards for better social sharing, and schema markup.
Analytics
Google Analytics integration allows tracking of page views, user interactions, and conversion events. Replace the G-MEASUREMENT-ID with your actual ID.
Deployment
The website is deployed on Cloudflare Pages. The deployment process includes:
- Building the Next.js application
- Exporting static pages
- Uploading to Cloudflare Pages
- Publishing to the main branch URL
GitHub Actions are configured to automatically deploy changes when pushed to the main branch.