Sendit is a polished, marketing website template for Astro. Browse through a live demo.
- Modern Architecture: Built with Astro and React for optimal performance
- Tailwind CSS: Custom styling with utility-first CSS framework
- Component Library: Reusable, componentized architecture for better maintainability
- Visual Editing: Advanced visual editing capabilities with CloudCannon
- Interactive Components: Custom React hooks for interactivity
- Image Optimization: Astro's built-in image optimization for all images
- Accessibility: Fully accessible navigation and components
- Dynamic Theming: Real-time theme color updates.
- Blog System: Complete blog with pagination and category pages
- SEO Optimized: Pre-configured for search engine optimization
- Live Editing: Seamless content editing experience in CloudCannon
- Get a workflow going to see your site's output (with CloudCannon or Astro locally).
Sendit is built with Astro, React, and Tailwind CSS for a modern, performant development experience.
npm install
npm run dev- Astro: Static site generation with component islands
- React: Interactive components with custom hooks
- Tailwind CSS: Utility-first CSS framework
- TypeScript: Type-safe development experience
Sendit features advanced visual editing capabilities with CloudCannon's split configuration, allowing for intuitive content management and real-time preview.
- Live Preview: See changes instantly as you edit
- Component-based: Edit reusable components directly in context
- Interactive Elements: Visual editing works seamlessly with React components
- Split Configuration: Modern CloudCannon setup for enhanced editing experience
- Add, update or remove posts in the Posts collection
- Automatic pagination and category organization
- Rich content editing with live preview
- Company Details: Centralized company information reused across the site
- Navigation: Fully accessible, responsive navigation management
- Footer: Configurable footer elements and links
- Dynamic Colors: Update theme colors in real-time through CloudCannon
- Tailwind Integration: Colors automatically propagate through the design system
- Custom React hooks handle all interactive functionality
- Lightweight with minimal external dependencies
- Accessible by default with proper ARIA attributes
- Optimized for performance with Astro's component islands