A Next.js template for small businesses featuring high-quality feminine design. Build and deploy a professional small business website with speed and get highly ranked on Google. Manage content and images with AI using Gallop software. No CMS required.
🌐 Demo: speedwell.gallop.software
🎨 Template: gallop.software/templates
📦 Repository: github.com/gallop-software/speedwell
🏷️ Category: Small Business Template
Speedwell is part of the Gallop template ecosystem, designed specifically to work seamlessly with AI assistants like GitHub Copilot, Claude, and ChatGPT. Built with an opinionated codebase optimized for AI efficiency, Gallop templates enable you to:
- Build websites with AI - Let AI do the technical heavy lifting while you provide instructions
- Pixel-perfect design - TailwindCSS integration for rapid development without leaving component files
- Automate workflows - AI-powered scripts for sitewide SEO improvements, image regeneration, and content updates
- Get found online - Battle-tested SEO foundation with structured data for search engines and AI models
- Deploy instantly - Next.js architecture on Vercel for cheap, fast hosting
Gallop templates are trusted by professionals achieving #1 Google rankings in competitive search terms like "dallas architects," "lubbock attorneys," and "birth center."
- 🚀 Next.js 16.0 with App Router
- ⚛️ React 19.2 for cutting-edge performance
- 🎨 Tailwind CSS 4.1 for pixel-perfect design
- 📝 TSX-powered content - No CMS required
- 🖼️ Image processing with automatic optimization
- 🔍 Built-in search powered by FlexSearch
- 📱 Fully responsive and mobile-optimized
- ⚡ Lightning-fast performance
- 🎭 Framer Motion animations
- 🎯 SEO-optimized with structured data
- 🤖 AI-friendly codebase structure
- 📊 Vercel Analytics integration
npm installnpm run devOpen http://localhost:3000 to view your site.
npm run build
npm run startspeedwell/
├── src/
│ ├── app/ # Next.js App Router
│ │ ├── (default)/ # Default layout route group
│ │ │ ├── layout.tsx # Default navbar layout
│ │ │ ├── category/ # Category pages
│ │ │ ├── services/ # Service pages
│ │ │ └── .../ # Other page routes
│ │ ├── (hero)/ # Hero layout route group
│ │ │ ├── layout.tsx # Hero navbar layout
│ │ │ ├── page.tsx # Home page
│ │ │ ├── testimonials/ # Testimonials page
│ │ │ └── .../ # Other hero pages
│ │ ├── (post)/ # Blog post route group
│ │ │ ├── layout.tsx # Post layout with gradient
│ │ │ └── post/[slug]/ # Dynamic blog posts
│ │ ├── (demo)/ # Demo/preview route group
│ │ │ └── block/ # Block preview routes
│ │ ├── (one-page-site)/ # Single-page layout group
│ │ ├── (alternate)/ # Alternate navbar group
│ │ ├── (color-navbar)/ # Colored navbar group
│ │ ├── api/ # API routes
│ │ ├── sitemap_index.xml/ # Sitemap generation
│ │ ├── error.tsx # Error boundary
│ │ ├── layout.tsx # Root layout
│ │ ├── metadata.tsx # Site metadata
│ │ ├── not-found.tsx # 404 page
│ │ ├── sitemap.ts # Sitemap config
│ │ ├── README.md # Layouts documentation
│ │ └── *.png, *.ico # App icons and favicon
│ ├── blog/ # Blog post content (TSX files)
│ ├── blocks/ # Reusable content blocks
│ │ ├── hero-*.tsx # Hero sections (1-15)
│ │ ├── content-*.tsx # Content sections (1-11)
│ │ ├── call-to-action-*.tsx # CTAs (1-6)
│ │ ├── contact-*.tsx # Contact sections (1-4)
│ │ ├── cover-*.tsx # Cover sections
│ │ ├── profile-*.tsx # Profile sections
│ │ ├── testimonial-*.tsx # Testimonials
│ │ ├── about-*.tsx # About sections
│ │ ├── accordion-1.tsx # Accordion component
│ │ ├── application-1.tsx # Application section
│ │ ├── blog-*.tsx # Blog listing
│ │ ├── partners-1.tsx # Partners section
│ │ ├── pricing-1.tsx # Pricing section
│ │ └── README.md # Blocks documentation
│ ├── components/ # React components
│ │ ├── navbar/ # Main navigation
│ │ ├── navbar-2/ # Alternate navigation
│ │ ├── navbar-3/ # Third navigation variant
│ │ ├── blog/ # Blog components
│ │ ├── search/ # Search components
│ │ ├── lightbox/ # Lightbox gallery
│ │ ├── page-wrapper.tsx # Page wrapper with structured data
│ │ ├── accordion.tsx
│ │ ├── button.tsx
│ │ ├── card-*.tsx
│ │ ├── contact-form.tsx
│ │ ├── footer.tsx
│ │ ├── gallery.tsx
│ │ ├── heading.tsx
│ │ ├── image.tsx
│ │ ├── logo.tsx
│ │ ├── section.tsx
│ │ └── ...
│ ├── hooks/ # Custom React hooks
│ ├── styles/ # Global styles & fonts
│ │ ├── fonts/ # Font files & management
│ │ └── globals.css
│ ├── template/ # Page templates
│ ├── tools/ # Utility tools
│ ├── types/ # TypeScript types
│ ├── utils/ # Helper functions
│ └── state.ts # Global state management
├── public/
│ ├── blocks/ # Block preview screenshots
│ ├── originals/ # Source images (not deployed)
│ │ ├── portfolio/
│ │ └── profiles/
│ ├── images/ # Processed images
│ │ ├── portfolio/
│ │ └── profiles/
│ ├── videos/ # Video assets
│ ├── search-index.json # FlexSearch index
│ └── speedwell.jpg # Featured image
├── _data/ # Generated metadata
│ ├── _blog.json # Blog metadata
│ ├── _meta.json # Image metadata
│ ├── _meta-old.json # Backup metadata
│ ├── _fonts/ # Font configurations
│ │ ├── _accent.tsx
│ │ ├── _body.tsx
│ │ ├── _heading.tsx
│ │ ├── _heading2.tsx
│ │ └── _heading3.tsx
│ └── _import/ # Import utilities
├── _scripts/ # Automation scripts
│ ├── process-images.js # Image optimization
│ ├── generate-blog-metadata.mjs
│ ├── generate-blocks-catalog.mjs
│ ├── generate-favicon.js
│ ├── generate-featured-image.js
│ ├── generate-search.mjs
│ ├── generate-search.sh
│ ├── compress-fonts.js
│ ├── convert-pro-blocks.mjs
│ └── *.md # Script documentation
├── _docs/ # Documentation
│ ├── content.md
│ └── deployment.md
├── next.config.mjs # Next.js configuration
├── tsconfig.json # TypeScript config
├── postcss.config.js # PostCSS config
├── package.json # Dependencies & scripts
├── .prettierrc # Prettier config
├── .eslintrc.json # ESLint config
└── push-env-to-vercel.sh # Environment sync script
npm run dev- Start development server at http://localhost:3000npm run build- Build for production (runs blog metadata first)npm run start- Start production servernpm run lint- Run ESLint checks
npm run images- Process images frompublic/originals/to responsive variantsnpm run images:reset- Delete processed images and regenerate allnpm run blog- Generate blog post metadata to_data/_blog.json→ docsnpm run search- Build FlexSearch index for site search → docsnpm run favicon- Generate favicon files frompublic/originals/favicon.png→ docsnpm run featured-image- Screenshot homepage for social preview → docsnpm run blocks- Generate blocks catalog with screenshotsnpm run blocks:screenshots- Force regenerate all block screenshotsnpm run blocks:sort- Sort blocks in catalognpm run blocks:lite- Convert pro blocks → docsnpm run layouts- Generate layouts catalog from app route groupsnpm run layouts:screenshots- Force regenerate all layout screenshotsnpm run layouts:sort- Sort layouts in catalog
npm run fonts- Convert TTF fonts to WOFF2 → docsnpm run fonts:use- Mark fonts as used in project
npm run env- Push local.env.localto Vercelnpm run env:prod- Push to production environmentnpm run env:prev- Push to preview environment
npm run update:check- Check for package updatesnpm run update:patch- Update to latest patch versionsnpm run update:minor- Update to latest minor versionsnpm run update:major- Update to latest major versionsnpm run update:interactive- Interactively choose updatesnpm run update:doctor- Update and test changes incrementally
npm run clean- Remove node_modules, .next, and package-lock.jsonnpm run clean:install- Clean and reinstall all dependencies
Deploy to Vercel with one click:
Or manually:
npm run build
vercel --prodSee Deployment Guide for other platforms and configuration.
Every dependency is battle-tested in production and chosen for stability, performance, and long-term maintainability.
- Next.js
16.0.7- React framework with App Router - React
19- UI library - Tailwind CSS
4.1.17- Utility-first CSS framework - Headless UI
2.2.9- Unstyled accessible components - Valtio
2.2.0- State management - Swiper
12.0.3- Modern slider/carousel - Yet Another React Lightbox
3.25.0- Image gallery - FlexSearch
0.8.212- Full-text search - Algolia Autocomplete
1.19.4- Search autocomplete - Vimeo Player
2.30.1- Video player integration - Framer Motion
12.23.25- Animation library - DayJS
1.11.19- Date formatting - Luxon
3.7.2- DateTime library - React Intersection Observer
10.0.0- Scroll-based animations and lazy loading - React Highlight Words
0.21.0- Text highlighting - Iconify Icons - Icon sets (Heroicons, Lucide, Material Design)
- clsx
2.1.1- Conditional className utility - Sindresorhus Slugify
3.0.0- URL-friendly slugs - React DOM
19.2.1- React rendering - Vercel Analytics
1.6.1- Analytics integration - Next Third Parties
16.0.7- Third-party script optimization
Tools for building and developing the site:
- TypeScript
5- Type safety and IntelliSense - ESLint
9- Code linting - Prettier
3.7.4- Code formatting - Prettier Plugin Organize Imports
4.3.0- Auto-organize imports - Prettier Plugin Tailwindcss
0.7.2- Sort Tailwind classes - PostCSS
8.5.6- CSS transformations
Build-time tools for content and asset generation:
- Sharp
0.34.5- Image processing and optimization - Puppeteer
24.32.0- Screenshot generation (featured images) - ttf2woff2
8.0.0- Font compression - jsdom
27.2.0- HTML parsing for search indexing - xml2js
0.6.2- XML/RSS feed generation
- Documentation: gallop.software
- Issues: GitHub Issues
- Slack: Join Community
- Professional Services: Web Plant Media, LLC
MIT License - see LICENSE for details
Contributors:
Built with ❤️ by the team at Gallop