Giter Club home page Giter Club logo

astroship's Introduction

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

Live Demo

https://astroship.web3templates.com/

Download Astroship Template

Upgrade to Astroship Pro Version

https://astroship-pro.web3templates.com/

Purchase Astroship Pro — $49

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 Purchase Pro
Upgrade to Pro

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:

Deploy with Vercel

Click here to deploy on Netlify:

Deploy to Netlify

Preview

image

Pro Version Preview

preview

Pagespeed Score

pagespeed

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

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

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
# or (recommended)
pnpm preview
pnpm build

We recommend using pnpm to save disk space on your computer.

Other Commands

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 by Streamline

👀 Want to learn more?

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

Built with Astro

astroship's People

Contributors

boisgera avatar camunoz2 avatar cassidoo avatar harrisonratcliffe avatar lirantal avatar maarten-dekker avatar surjithctly avatar thefathdev avatar tmcarmichael avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

astroship's Issues

What does GPL license mean for a Astro template?

Hi, I wanted to use the free version of this template to build a website. However, I am confused as to what GPL means in this case. The HTML code is technically accessible through the browser, so does that mean I can create websites using this template without paying for the Pro version?

pnpm complains about peer dependency issues

 WARN  Issues with peer dependencies found
.
├─┬ @astrojs/mdx 0.16.0
│ └─┬ @mdx-js/rollup 2.2.1
│   ├── ✕ missing peer rollup@>=2
│   └─┬ @rollup/pluginutils 5.0.2
│     └── ✕ missing peer rollup@^1.20.0||^2.0.0||^3.0.0
└─┬ @astrojs/vercel 3.1.2
  └─┬ @vercel/analytics 0.1.9
    └── ✕ missing peer react@^16.8||^17||^18
Peer dependencies that should be installed:
  react@^16.8||^17||^18                      rollup@">=2.0.0 <3.0.0 || >=3.0.0 <4.0.0"  

Done in 2.1s

The last one about react missing is because I added the vercel SSR integration, though I did that through pnpm astro add vercel and would think it would have worked that out.

UnhandledPromiseRejection

Hi im getting this error when i run npm start:

PS D:\Users\Usuario\Downloads\eef8e25d-30cb-472e-a467-6301fdd70b05\Production\astroship> npm start

@example/[email protected] start
astro dev

astro v1.9.2 started in 1638ms

┃ Local http://localhost:3000/
┃ Network use --host to expose

node:internal/process/promises:288
triggerUncaughtException(err, true /* fromPromise */);
^

[UnhandledPromiseRejection: This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). The promise rejected with the reason "fetch failed".] {
code: 'ERR_UNHANDLED_REJECTION'
}

help please

Images are not loading in markdown

Hello,

I am trying to import more images into md like this:

![Image1](/src/assets/images/california/image1.jpg) ![Image2](/src/assets/images/california/image2.png)

but the images won't appear on production via vercel. However, locally the images work fine.

I was wondering if anyone knew of a fix or solution to this issue. Your input would be much appreciated!

Thanks!

What is the proper way to attribute template creators?

Hi,

I am a little bit lost in terms of proper attribution for usage of the template.

Is Website was created using Astroship template info in the footer with a link to Github repo enough?

Or should I add additional info? 🤔

Is site rendering correctly running locally?

Hi

I cloned this repo, did npm install and npm run dev. When the site is running locally it is displaying for mobile. When I resize the browser window it is also not responsive. I can see the wide layout appear when I go to devices in dev tools but do not get the wide layout normally. When I go to the demo site link it appears ok. Is this behaviour by design when running locally?

Something seems wrong here?

Capture_1
Capture_2
Capture

Can anyone help me please

Unable to serve using GitHub Codespaces

(main) $ npm run dev

> [email protected] dev
> astro dev

  🚀  astro  v2.10.12 started in 4949ms
  
  ┃ Local    http://localhost:3000/
  ┃ Network  use --host to expose
  
12:13:26 AM [content] Watching src/content/ for changes
12:13:27 AM [content] Types generated
12:13:27 AM [astro] update /.astro/types.d.ts

Result: HTTP ERROR 401

Vercel deployment fails - Error: Command "pnpm install" exited with 1

I'm using a pretty stock version (no pnpm) on my local and it builds fine. Is there a way to remove pnpm so that it doesn't try to build from that on Vercel?

ERR_PNPM_OUTDATED_LOCKFILE  Cannot install with "frozen-lockfile" because pnpm-lock.yaml is not up to date with package.json
--
22:55:00.873 |  
22:55:00.873 | Note that in CI environments this setting is true by default. If you still need to run install in such cases, use "pnpm install --no-frozen-lockfile"
22:55:00.874 |  
22:55:00.874 | Failure reason:
22:55:00.874 | specifiers in the lockfile ({"@astrojs/image":"^0.17.2","@astrojs/mdx":"^0.19.7","@astrojs/sitemap":"^2.0.1","@astrojs/tailwind":"^4.0.0","@fontsource-variable/inter":"^5.0.5","@tailwindcss/typography":"^0.5.9","astro":"^2.9.7","astro-icon":"^0.8.1","astro-navbar":"^2.0.1","astro-seo":"^0.7.5","sharp":"^0.32.4","tailwindcss":"^3.0.24"}) don't match specs in package.json ({"@astrojs/image":"^0.17.2","@astrojs/mdx":"^0.19.7","@astrojs/sitemap":"^2.0.1","@astrojs/tailwind":"^4.0.0","@fontsource-variable/inter":"^5.0.5","@tailwindcss/typography":"^0.5.9","astro":"^2.9.7","astro-icon":"^0.8.1","astro-navbar":"^2.0.1","astro-seo":"^0.7.5","sharp":"^0.32.5","tailwindcss":"^3.0.24"})
22:55:00.903 | Error: Command "pnpm install" exited with 1

Astro 2.0 version?

@surjithctly I was wondering if you'll be upgrading this to Astro 2.0 soon. If it already works with 2.0 please let me know. Thanks!

Newsletter

Can you suggest and guide me on how to add a newsletter? I saw the contact form but didn't understand how would I make API calls on that. I am still learning Astro.

Pagination

Hi nice theme. Is pagination out of the box for the blog page?

App dir migration

Will the template upgrade to the app directory ? Or need any help with it?

Accessibility improvements

I have a couple of minor accessibility improvements to your theme and wonder if you would be open to me creating a PR?

Active Navbar Link

The active link at the navbar it's a nice feature.
I would like to contribute to the template.
I'm learning Alpinejs seems like a nice place to start.
Let me know your thoughts.
If you can point the direction I'll work on PR.

Suggestion: Add a custom 404 page

Not sure if it's a good idea or not, but Astro gives you the option to create your own custom 404 page. The docs:
https://docs.astro.build/en/core-concepts/astro-pages/#custom-404-error-page

How about we add a simple 404.astro to this template? Some of the reasons for this IMO are:

  1. A custom 404 page makes any site feel a little more user-friendly
  2. It's a great way to show someone new to Astro that such option (having a custom 404 page) even exists
  3. It's easy to delete in case you don't want to have one

Anyway, what are your thoughts on this? I'm building one right now for my personal portfolio (based on Astroship), so I can probably submit a PR pretty easily

Hero Image not rendered on Microsoft Edge browser

Great Astro Theme.
Noticed that the spaceship hero image does not render on Microsoft Edge browser on Win 11.
Works fine in Firefox, but as Edge has about 10% market share it might worth providing alternate format.

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.