Astrolize - Astro SAAS Starter Website Template

Astrolize is a free starter astro website template for saas, startups, marketing websites, landing pages & blogs. Built with Astro & TailwindCSS.

This Free Template is brought to you by FabForm

Check out a DEMO of the Astrolize Starter Template For Astro With Tailwind

We also have added a fun scratch card to reveal email feature on the contact us page. It uses VeilMail.io. As well as the built in FabForm contact form. Your visitors have the additional option to reach you by email. We love VeilMail as t will Hide Email Address From Bots. VeilMail is pretty cool in i'ts self. Check it out.

Features

Astro v3
Tailwind CSS
Mobile Responsive
Working FabForm Contact Page
Content Collections

Installation

If you are reading this on github, you can click on the "Use this template" button above to create a new repository from astrolize to your account. Then you can do a git clone to clone it to your local system.

Alternatively, you can clone the project directly from this repo to your local system.

1. Clone the repo

git clone https://github.com/astrolize-fabform/astrolize-astro-template.git myProjectName
# or
git clone https://github.com/astrolize-fabform/astrolize-astro-template.git .

The . will clone it to the current directory so make sure you are inside your project folder first.

2. Install Dependencies

npm install
# or
yarn install
# or (recommended)
pnpm install

3. Start development Server

npm run dev
# or
yarn dev
# or (recommended)
pnpm dev

Preview & Build

npm run preview
npm run build
# or
yarn preview
yarn build

pnpm astro ...
pnpm astro add
pnpm astro --help

Project Structure

Inside of your Astro project, you'll see the following folders and files:

/
├── public/
│   └── ...
├── src/
│   ├── components/
│   │   └── ...
│   ├── layouts/
│   │   └── ...
│   └── pages/
│       └── ...
└── package.json

Astro looks for .astro or .md files in the src/pages/ directory. Each page is exposed as a route based on its file name.

Any static assets, like images, can be placed in the public/ directory.

TailwindCSS

TailwindCSS is already configured in this repo, so you can start using it without any installation.

👀 Want to learn more?

Feel free to check out Astro Docs or jump into our Discord Chat.

s3f4/Astrolize