-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
3658870
commit f63f9aa
Showing
5 changed files
with
571 additions
and
84 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,55 +1,68 @@ | ||
# Astro Starter Kit: Basics | ||
# **Astro Landing Page: Optimized for Independent Professionals** | ||
|
||
```sh | ||
npm create astro@latest -- --template basics | ||
``` | ||
|
||
[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics) | ||
[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics) | ||
[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json) | ||
Welcome to the **Astro Website Kit**, designed for independent professionals like doctors, lawyers, and consultants to expand their online presence and attract more clients. This template uses Astro to build modern, fast, and SEO-optimized websites tailored for maximum visibility and impact. | ||
|
||
> 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun! | ||
## 🚀 **Features** | ||
|
||
![just-the-basics](https://github.com/withastro/astro/assets/2244813/a0a5533c-a856-4198-8470-2d67b1d7c554) | ||
- **SEO Optimization**: Leverages best practices to enhance search engine rankings. | ||
- **Lightning-fast Performance**: Built with Astro to ensure rapid page loads and top Core Web Vitals scores. | ||
- **Responsive Design**: Looks great on any device, from mobile to desktop. | ||
- **Extensibility**: Easily integrates with tools like Google Analytics, schema.org, and more. | ||
- **Scalable Architecture**: Ideal for future growth and additional features. | ||
|
||
## 🚀 Project Structure | ||
## 🗂️ **Project Structure** | ||
|
||
Inside of your Astro project, you'll see the following folders and files: | ||
This project adheres to Astro's modular and maintainable structure: | ||
|
||
```text | ||
/ | ||
├── public/ | ||
│ └── favicon.svg | ||
│ └── assets/ | ||
│ └── favicon.svg | ||
├── src/ | ||
│ ├── components/ | ||
│ │ └── Card.astro | ||
│ │ └── ui/ | ||
└── button.tsx | ||
│ │ └── navbar.tsx | ||
│ ├── layouts/ | ||
│ │ └── Layout.astro | ||
│ │ └── DefaultLayout.astro | ||
│ └── pages/ | ||
│ └── index.astro | ||
│ └── about.astro | ||
│ └── contact.astro | ||
├── astro.config.mjs | ||
└── 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. | ||
### Highlights: | ||
|
||
- **`src/pages/`**: Contains route-based `.astro` or `.md` files. | ||
- **`src/components/`**: Houses reusable UI components like forms, banners using Shadcn/UI. | ||
- **`public/`**: Serves static assets (e.g., images, icons). | ||
- **`astro.config.mjs`**: Configures site settings like integrations and optimizations. | ||
|
||
## 🧑💻 **Commands** | ||
|
||
Run these commands from the root directory to develop, build, or test your site: | ||
|
||
There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components. | ||
| Command | Action | | ||
| :------------------ | :-------------------------------------------------- | | ||
| `npm install` | Install dependencies | | ||
| `npm run dev` | Start development server at `http://localhost:4321` | | ||
| `npm run build` | Generate production build in `./dist/` | | ||
| `npm run preview` | Preview production build locally | | ||
| `npm run astro ...` | Execute Astro CLI commands | | ||
|
||
Any static assets, like images, can be placed in the `public/` directory. | ||
## 🌟 **Enhancements for Professionals** | ||
|
||
## 🧞 Commands | ||
- **Customizable Metadata**: Tailor page titles, meta descriptions, and keywords for your niche. | ||
- **Schema Markup**: Add structured data for better search engine indexing. | ||
- **Integrated Forms**: Easily collect leads or schedule appointments. | ||
|
||
All commands are run from the root of the project, from a terminal: | ||
## 💡 **Development Tips** | ||
|
||
| Command | Action | | ||
| :------------------------ | :----------------------------------------------- | | ||
| `npm install` | Installs dependencies | | ||
| `npm run dev` | Starts local dev server at `localhost:4321` | | ||
| `npm run build` | Build your production site to `./dist/` | | ||
| `npm run preview` | Preview your build locally, before deploying | | ||
| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` | | ||
| `npm run astro -- --help` | Get help using the Astro CLI | | ||
- Use the [Astro documentation](https://docs.astro.build) for advanced features. | ||
|
||
## 👀 Want to learn more? | ||
--- | ||
|
||
Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat). | ||
"# astro-landing-page" | ||
Transform your professional presence online with **Astro**—engineered for speed, scalability, and search engine excellence. Let your clients find you faster and experience the best of modern web development! |
Oops, something went wrong.