|
1 |
| -<h1 align=center>Pinwheel Astro</h1> |
2 |
| -<p align=center>Pinwheel is a free multipurpose SaaS theme built with Astro, TailwindCSS and TypeScript with 17+ pre-designed pages.</p> |
3 |
| -<h2 align="center"><a target="_blank" href="https://pinwheel-astro.vercel.app/" rel="nofollow"> 👀 Demo</a> | <a target="_blank" href="https://pagespeed.web.dev/analysis/https-pinwheel-astro-vercel-app/kmaxqwa7rx?form_factor=desktop"> Page Speed (95+) 🚀 </a> |
4 |
| -</h2> |
5 |
| -<p align=center> |
6 |
| - <a href="https://github.com/withastro/astro/releases/tag/astro%404.3.2" alt="Contributors"> |
7 |
| - <img src="https://img.shields.io/static/v1?label=ASTRO&message=4.3&color=000&logo=astro" /> |
8 |
| - </a> |
9 |
| - |
10 |
| - <a href="https://github.com/themefisher/pinwheel-astro/blob/main/LICENSE"> |
11 |
| - <img src="https://img.shields.io/github/license/themefisher/pinwheel-astro" alt="license"></a> |
12 |
| - |
13 |
| - <img src="https://img.shields.io/github/languages/code-size/themefisher/pinwheel-astro" alt="code size"> |
14 |
| - |
15 |
| - <a href="https://github.com/themefisher/pinwheel-astro/graphs/contributors"> |
16 |
| - <img src="https://img.shields.io/github/contributors/themefisher/bigspring-light-astro" alt="contributors"></a> |
17 |
| -</p> |
18 |
| - |
19 |
| - |
20 |
| - |
21 |
| -<!-- small description --> |
22 |
| - |
23 |
| -<!-- key features --> |
24 |
| -## 📌 Key Features |
25 |
| - |
26 |
| -- 📄 17+ Pre-designed pages |
27 |
| -- 🎨 Highly customizable (Color, Font, Menu, Social Links, SEO Meta Tags, etc.) |
28 |
| -- 🗃️ Taxonomy support |
29 |
| -- ⚡ Fast by default (95+ Google PageSpeed Score) |
30 |
| -- 🔧 Netlify setting pre-configured |
31 |
| -- 📝 Contact form support |
32 |
| -- 🖼️ Support OG image |
33 |
| -- 📝 Write and update content in Markdown / MDX |
34 |
| -- 💻 MDX components auto import |
35 |
| -- 📝 Includes draft pages and posts |
36 |
| -- 🎨 Built with Tailwind CSS framework |
37 |
| -- 📱 Fully responsive on desktops, tablets, and smartphones |
38 |
| -- 🔍 SEO Friendly |
39 |
| -- 💬 Disqus comment support |
40 |
| - |
41 |
| -## 📄 17+ Pre-Designed Pages |
42 |
| - |
43 |
| -- 🏠 Home |
44 |
| -- 🛠️ How it works |
45 |
| -- 🌟 Features |
46 |
| -- 📝 Blog |
47 |
| -- 📝 Blog Single |
48 |
| -- 🗂️ Categories |
49 |
| -- 🗂️ Category Single |
50 |
| -- 👤 About |
51 |
| -- 📞 Contact |
52 |
| -- 💼 Career |
53 |
| -- 💼 Career Single |
54 |
| -- 💰 Pricing |
55 |
| -- 📜 Changelog |
56 |
| -- 🔑 Sign In |
57 |
| -- 🔑 Sing Up |
58 |
| -- 🔗 Integrations |
59 |
| -- 🔗 Integration Single |
60 |
| -- 📜 Terms and Conditions |
61 |
| -- 💡 Elements |
62 |
| - |
63 |
| -<!-- installation --> |
64 |
| -## 🛠️ Installation |
65 |
| - |
66 |
| -After downloading the template, you have some prerequisites to install. Then you can run it on your localhost. You can view the package.json file to see which scripts are included. |
67 |
| - |
68 |
| -### Install prerequisites (once for a machine) |
69 |
| - |
70 |
| -- **Node Installation:** [Install node js](https://nodejs.org/en/download/) [Recommended LTS version] |
71 |
| - |
72 |
| -### 👨🏻💻 Local setup |
73 |
| - |
74 |
| -After successfully installing those dependencies, open this template with any IDE [[VS Code](https://code.visualstudio.com/) recommended], and then open the internal terminal of IDM [vs code shortcut <code>ctrl/cmd+\`</code>] |
75 |
| - |
76 |
| -- 👉 Install dependencies |
| 1 | +# Astroship - Astro SAAS Starter Website Template |
77 | 2 |
|
| 3 | +Astroship is a free starter astro website template for saas, startups, marketing websites, landing pages & blogs. Built with Astro & TailwindCSS. |
| 4 | + |
| 5 | +This Free Template is sponsored by [Web3Templates](https://web3templates.com) |
| 6 | + |
| 7 | +## Live Demo |
| 8 | + |
| 9 | +**[https://astroship.web3templates.com/](https://astroship.web3templates.com/)** |
| 10 | + |
| 11 | +**[Download Astroship Template](https://web3templates.com/templates/astroship-starter-website-template-for-astro)** |
| 12 | + |
| 13 | +## Upgrade to Astroship Pro Version |
| 14 | + |
| 15 | +**[https://astroship-pro.web3templates.com/](https://astroship-pro.web3templates.com/)** |
| 16 | + |
| 17 | +**[Purchase Astroship Pro — $49](https://web3templates.com/templates/astroship-pro-astro-saas-website-template)** |
| 18 | + |
| 19 | + |
| 20 | +<!-- prettier-ignore --> |
| 21 | +| Feature | Free Version | Pro Version | |
| 22 | +| --- | ------ | --- | |
| 23 | +| Astro v3 | ✅ | ✅ | |
| 24 | +| Content Collections | ✅ | ✅ | |
| 25 | +| Tailwind CSS | ✅ | ✅ | |
| 26 | +| Mobile Responsive | ✅ | ✅ | |
| 27 | +| Working Contact Page | ✅ | ✅ | |
| 28 | +| Pro Layouts & Features | ❌ | ✅ | |
| 29 | +| Blog with Pagination | ❌ | ✅ | |
| 30 | +| View Transitions | ❌ | ✅ | |
| 31 | +| Advanced Homepage Design | ❌ | ✅ | |
| 32 | +| Features Page | ❌ | ✅ | |
| 33 | +| Integrations Page | ❌ | ✅ | |
| 34 | +| Elegant 404 Page | ❌ | ✅ | |
| 35 | +| 6 Months Support| ❌ | ✅ | |
| 36 | +| Free Updates | ✅ | ✅ | |
| 37 | +| License | GPL-2.0 | Commercial | |
| 38 | +| | | | |
| 39 | +| Pricing| Free|**$49**| |
| 40 | +| | [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) | |
| 41 | + |
| 42 | +<a href="https://web3templates.com/templates/astroship-pro-astro-saas-website-template"> |
| 43 | +<img width="160" alt="Upgrade to Pro" src="https://user-images.githubusercontent.com/1884712/199181300-37c2128e-d033-4145-a906-16fa5263a53b.png"> |
| 44 | +</a> |
| 45 | + |
| 46 | +## Deploy this template |
| 47 | + |
| 48 | +You can instantly clone this to your GitHub and deploy the site by clicking the below buttons to deploy to your chosen providers! |
| 49 | + |
| 50 | +Click here to deploy on Vercel: |
| 51 | + |
| 52 | +[](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) |
| 53 | + |
| 54 | +Click here to deploy on Netlify: |
| 55 | + |
| 56 | +[](https://app.netlify.com/start/deploy?repository=https://github.com/surjithctly/astroship) |
| 57 | + |
| 58 | +## Preview |
| 59 | + |
| 60 | + |
| 61 | + |
| 62 | + |
| 63 | +## Pro Version Preview |
| 64 | + |
| 65 | + |
| 66 | + |
| 67 | + |
| 68 | +### Pagespeed Score |
| 69 | + |
| 70 | +[](https://pagespeed.web.dev/report?url=https%3A%2F%2Fastroship.web3templates.com%2F) |
| 71 | + |
| 72 | + |
| 73 | +## Installation |
| 74 | + |
| 75 | +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. |
| 76 | + |
| 77 | +Alternatively, you can clone the project directly from this repo to your local system. |
| 78 | + |
| 79 | +### 1. Clone the repo |
| 80 | + |
| 81 | +```bash |
| 82 | +git clone https://github.com/surjithctly/astroship.git myProjectName |
| 83 | +# or |
| 84 | +git clone https://github.com/surjithctly/astroship.git . |
78 | 85 | ```
|
| 86 | + |
| 87 | +The `.` will clone it to the current directory so make sure you are inside your project folder first. |
| 88 | + |
| 89 | +### 2. Install Dependencies |
| 90 | + |
| 91 | +```bash |
79 | 92 | npm install
|
| 93 | +# or |
| 94 | +yarn install |
| 95 | +# or (recommended) |
| 96 | +pnpm install |
80 | 97 | ```
|
81 | 98 |
|
82 |
| -- 👉 Run locally |
| 99 | +### 3. Start development Server |
83 | 100 |
|
84 |
| -``` |
| 101 | +```bash |
85 | 102 | npm run dev
|
| 103 | +# or |
| 104 | +yarn dev |
| 105 | +# or (recommended) |
| 106 | +pnpm dev |
86 | 107 | ```
|
87 | 108 |
|
88 |
| -After that, it will open up a preview of the template in your default browser, watch for changes to source files, and live-reload the browser when changes are saved. |
| 109 | +### Preview & Build |
89 | 110 |
|
90 |
| -## 🏗️ Production Build |
| 111 | +```bash |
| 112 | +npm run preview |
| 113 | +npm run build |
| 114 | +# or |
| 115 | +yarn preview |
| 116 | +yarn build |
| 117 | +# or (recommended) |
| 118 | +pnpm preview |
| 119 | +pnpm build |
| 120 | +``` |
91 | 121 |
|
92 |
| -After finishing all the customization, you can create a production build by running this command. |
| 122 | +We recommend using [pnpm](https://pnpm.io/) to save disk space on your computer. |
93 | 123 |
|
| 124 | +### Other Commands |
| 125 | + |
| 126 | +```bash |
| 127 | +pnpm astro ... |
| 128 | +pnpm astro add |
| 129 | +pnpm astro --help |
94 | 130 | ```
|
95 |
| -npm run build |
96 |
| -``` |
97 | 131 |
|
98 |
| -<!-- reporting issue --> |
99 |
| -## 🐞 Reporting Issues |
| 132 | +## Project Structure |
| 133 | + |
| 134 | +Inside of your Astro project, you'll see the following folders and files: |
100 | 135 |
|
101 |
| -We use GitHub Issues as the official bug tracker for this Template. Please Search [existing issues](https://github.com/themefisher/pinwheel-astro/issues). It’s possible someone has already reported the same problem. |
102 |
| -If your problem or idea has not been addressed yet, feel free to [open a new issue](https://github.com/themefisher/pinwheel-astro/issues). |
| 136 | +``` |
| 137 | +/ |
| 138 | +├── public/ |
| 139 | +│ └── ... |
| 140 | +├── src/ |
| 141 | +│ ├── components/ |
| 142 | +│ │ └── ... |
| 143 | +│ ├── layouts/ |
| 144 | +│ │ └── ... |
| 145 | +│ └── pages/ |
| 146 | +│ └── ... |
| 147 | +└── package.json |
| 148 | +``` |
103 | 149 |
|
104 |
| -<!-- licence --> |
105 |
| -## 📝 License |
| 150 | +Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name. |
106 | 151 |
|
107 |
| -Copyright (c) 2023 - Present, Designed & Developed by [Themefisher](https://themefisher.com) |
| 152 | +Any static assets, like images, can be placed in the `public/` directory. |
108 | 153 |
|
109 |
| -**Code License:** Released under the [MIT](https://github.com/themefisher/pinwheel-astro/blob/main/LICENSE) license. |
| 154 | +## TailwindCSS |
110 | 155 |
|
111 |
| -**Image license:** The images are only for demonstration purposes. They have their license, we don't have permission to share those images. |
| 156 | +TailwindCSS is already configured in this repo, so you can start using it without any installation. |
112 | 157 |
|
113 |
| -## 💻 Need Custom Development Services? |
| 158 | +## Credits |
114 | 159 |
|
115 |
| -Besides developing beautifully designed and blazing-fast themes, we help businesses create fast, performance-focused, scalable & secure websites based on NextJs, Hugo, Astro, etc. |
| 160 | +[Hero Illustration](https://www.figma.com/community/file/1108400791662599811) by [Streamline](https://www.streamlinehq.com/) |
116 | 161 |
|
117 |
| -If you need a custom theme, theme customization, or complete website development services from scratch you can [Hire Us](https://themefisher.com/contact). |
| 162 | +## 👀 Want to learn more? |
118 | 163 |
|
119 |
| -## 🔥 More Astro Themes By Themefisher |
| 164 | +Feel free to check out [Astro Docs](https://docs.astro.build) or jump into our [Discord Chat](https://web3templates.com/discord). |
120 | 165 |
|
121 |
| -| [](https://themefisher.com/products/bigspring-light-astro) | [](https://themefisher.com/products/andromeda-astro) | [](https://themefisher.com/products/bookworm-astro) | |
122 |
| -|:---:|:---:|:---:| |
123 |
| -| **Bigpsring Light**| **Andromeda** | **Bookwom Light** | |
| 166 | +[](https://astro.build) |
0 commit comments