Skip to content

j-94/wwwjmb

Repository files navigation

Astroship Pro

Astroship Pro is a Pro version of Popular Free Astroship Starter Template which was made for startups, marketing websites, landing pages & blog. Built with Astro & TailwindCSS.

This Pro Template is made by Web3Templates

Live Demo

Preview

astroship-pro-preview

Installation

If you are already have github access, you can click on the "Fork" 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 the github repo to your local system. make sure you have github repo access. Send an email to hello@web3templates.com to get github repo access.

1. Clone the repo

git clone https://github.com/web3templates/astroship-pro.git myProjectName
# or
git clone https://github.com/web3templates/astroship-pro.git .

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

Note: If you are reading this on a downloaded zip file after purchase, just skip this step and start installing npm from the next step.

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

Unsplash

👀 Want to learn more?

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

Built with Astro