167 lines
5.8 KiB
Markdown
167 lines
5.8 KiB
Markdown
# Astroship - Astro SAAS Starter Website Template
|
|
|
|
Astroship is a free starter astro website template for saas, startups, marketing websites, landing pages & blogs. Built with Astro & TailwindCSS.
|
|
|
|
This Free Template is sponsored by [Web3Templates](https://web3templates.com)
|
|
|
|
## Live Demo
|
|
|
|
**[https://astroship.web3templates.com/](https://astroship.web3templates.com/)**
|
|
|
|
**[Download Astroship Template](https://web3templates.com/templates/astroship-starter-website-template-for-astro)**
|
|
|
|
## Upgrade to Astroship Pro Version
|
|
|
|
**[https://astroship-pro.web3templates.com/](https://astroship-pro.web3templates.com/)**
|
|
|
|
**[Purchase Astroship Pro — $49](https://web3templates.com/templates/astroship-pro-astro-saas-website-template)**
|
|
|
|
|
|
<!-- prettier-ignore -->
|
|
| Feature | Free Version | Pro Version |
|
|
| --- | ------ | --- |
|
|
| Astro v3 | ✅ | ✅ |
|
|
| Content Collections | ✅ | ✅ |
|
|
| Tailwind CSS | ✅ | ✅ |
|
|
| Mobile Responsive | ✅ | ✅ |
|
|
| Working Contact Page | ✅ | ✅ |
|
|
| Pro Layouts & Features | ❌ | ✅ |
|
|
| Blog with Pagination | ❌ | ✅ |
|
|
| View Transitions | ❌ | ✅ |
|
|
| Advanced Homepage Design | ❌ | ✅ |
|
|
| Features Page | ❌ | ✅ |
|
|
| Integrations Page | ❌ | ✅ |
|
|
| Elegant 404 Page | ❌ | ✅ |
|
|
| 6 Months Support| ❌ | ✅ |
|
|
| Free Updates | ✅ | ✅ |
|
|
| License | GPL-2.0 | Commercial |
|
|
| | | |
|
|
| Pricing| Free|**$49**|
|
|
| | [Deploy for free](https://vercel.com/new/surjithctly/clone?demo-description=Starter%20template%20for%20startups%2C%20marketing%20websites%20%26%20blogs%20built%20with%20Astro%20and%20TailwindCSS.&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F5dB0dDqBr1BfvIoNOmffVB%2F784984a8d3fe5e3db123e7c655166046%2Fastroship_-_Tony_Sullivan.jpg&demo-title=Astroship&demo-url=https%3A%2F%2Fastroship.web3templates.com%2F&from=templates&project-name=Astroship&repository-name=astroship&repository-url=https%3A%2F%2Fgithub.com%2Fsurjithctly%2Fastroship&skippable-integrations=1) | [Purchase Pro](https://web3templates.com/templates/astroship-pro-astro-saas-website-template) |
|
|
|
|
<a href="https://web3templates.com/templates/astroship-pro-astro-saas-website-template">
|
|
<img width="160" alt="Upgrade to Pro" src="https://user-images.githubusercontent.com/1884712/199181300-37c2128e-d033-4145-a906-16fa5263a53b.png">
|
|
</a>
|
|
|
|
## Deploy this template
|
|
|
|
You can instantly clone this to your GitHub and deploy the site by clicking the below buttons to deploy to your chosen providers!
|
|
|
|
Click here to deploy on Vercel:
|
|
|
|
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fsurjithctly%2Fastroship&project-name=astroship&repository-name=astroship&demo-title=Astroship%20-%20Astro%20Starter%20Template&demo-description=Astroship%20is%20a%20starter%20template%20for%20startups%2C%20marketing%20websites%20%26%20landing%20pages.%20Built%20with%20Astro%2C%20TailwindCSS&demo-url=https%3A%2F%2Fastroship.web3templates.com%2F&demo-image=https%3A%2F%2Fuser-images.githubusercontent.com%2F1884712%2F200831799-10ef2456-a02e-4068-b580-4b5326f0b33b.png)
|
|
|
|
Click here to deploy on Netlify:
|
|
|
|
[](https://app.netlify.com/start/deploy?repository=https://github.com/surjithctly/astroship)
|
|
|
|
## Preview
|
|
|
|
|
|
|
|
|
|
## Pro Version Preview
|
|
|
|
|
|
|
|
|
|
### Pagespeed Score
|
|
|
|
[](https://pagespeed.web.dev/report?url=https%3A%2F%2Fastroship.web3templates.com%2F)
|
|
|
|
|
|
## Installation
|
|
|
|
If you are reading this on github, you can click on the "Use this template" button above to create a new repository from astroship 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
|
|
|
|
```bash
|
|
git clone https://github.com/surjithctly/astroship.git myProjectName
|
|
# or
|
|
git clone https://github.com/surjithctly/astroship.git .
|
|
```
|
|
|
|
The `.` will clone it to the current directory so make sure you are inside your project folder first.
|
|
|
|
### 2. Install Dependencies
|
|
|
|
```bash
|
|
npm install
|
|
# or
|
|
yarn install
|
|
# or (recommended)
|
|
pnpm install
|
|
```
|
|
|
|
### 3. Start development Server
|
|
|
|
```bash
|
|
npm run dev
|
|
# or
|
|
yarn dev
|
|
# or (recommended)
|
|
pnpm dev
|
|
```
|
|
|
|
### Preview & Build
|
|
|
|
```bash
|
|
npm run preview
|
|
npm run build
|
|
# or
|
|
yarn preview
|
|
yarn build
|
|
# or (recommended)
|
|
pnpm preview
|
|
pnpm build
|
|
```
|
|
|
|
We recommend using [pnpm](https://pnpm.io/) to save disk space on your computer.
|
|
|
|
### Other Commands
|
|
|
|
```bash
|
|
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.
|
|
|
|
## Credits
|
|
|
|
[Hero Illustration](https://www.figma.com/community/file/1108400791662599811) by [Streamline](https://www.streamlinehq.com/)
|
|
|
|
## 👀 Want to learn more?
|
|
|
|
Feel free to check out [Astro Docs](https://docs.astro.build) or jump into our [Discord Chat](https://web3templates.com/discord).
|
|
|
|
[](https://astro.build)
|