Bigspring-light: Strapi + Astro Demo 🚀

Bigspring is a highly customizable Astro theme designed specifically for SaaS & marketing websites.

👀Demo | Page Speed (100%)🚀

Key Features

• 📄 10+ Pre-Designed Pages
• ✨ Highly Customizable (Color, Font, Menu, Social Links, SEO Meta Tags, etc.)
• ⚡ Fast by Default (95+ Google PageSpeed Score)
• ⚙️ Netlify Settings Pre-configured
• 📬 Contact Form Support
• 💰 Pricing Table
• 🌅 Support OG Image
• ✍️ Write and Update Content in Markdown / MDX
• 📚 MDX Components Auto Import
• 📝 Includes Draft Pages and Posts
• 🚀 Built with Tailwind CSS Framework
• 📱 Fully Responsive on Desktops, Tablets, and Smartphones
• 🔍 SEO Friendly

Installation

Folder Structure

The project contains two main folders:

1. Strapi - Backend (Content management with Strapi).
2. Astro - Frontend (Static site generated by Astro).

Setting up the Strapi Backend

1. Navigate to the Strapi folder:

cd strapi

2. Create a .env file in the root of your Strapi project and add the following configuration:

  # Server Configuration
  HOST=0.0.0.0
  PORT=1337

  # Secrets (Replace with your actual secrets)
  APP_KEYS=your_random_app_key
  API_TOKEN_SALT=your_random_api_token_salt
  ADMIN_JWT_SECRET=your_random_admin_jwt_secret
  TRANSFER_TOKEN_SALT=your_random_transfer_token_salt
  JWT_SECRET=your_random_jwt_secret_value

Note: Replace the values for secrets like your_random_app_key and others with actual random values.

3. Run the Strapi project:

yarn && yarn seed && yarn develop

This will run Strapi locally at http://localhost:1337.

Setting up the Astro Frontend

3. Navigate to the Astro folder:

cd astro

5. Add the Strapi URL to your .env file in the Astro folder to connect the frontend with the Strapi backend. The URL should be the full endpoint to your Strapi backend:

STRAPI_URL=http://localhost:1337

6. Run the Astro project:

yarn && yarn dev

📄License

Copyright (c) 2016 - Present, Designed & Developed by Themefisher

👉Code License: Released under the MIT license.

👉Image license: The images are only for demonstration purposes. They have their license, we don't have permission to share those images.

👨‍💻Need Custom Development Services?

Besides developing beautifully designed and blazing-fast themes, we help businesses create fast, performance-focused, scalable & secure websites based on NextJs, Hugo, Astro, etc.

If you need a custom theme, theme customization, or complete website development services from scratch you can Hire Us.