Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/h-ymt/astro-tailwind-boilerplate
Astro boilerplate with Tailwind CSS
https://github.com/h-ymt/astro-tailwind-boilerplate
astro tailwindcss
Last synced: 25 days ago
JSON representation
Astro boilerplate with Tailwind CSS
- Host: GitHub
- URL: https://github.com/h-ymt/astro-tailwind-boilerplate
- Owner: H-ymt
- Created: 2023-11-04T08:40:29.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-01T04:52:32.000Z (11 months ago)
- Last Synced: 2024-04-01T05:43:57.248Z (11 months ago)
- Topics: astro, tailwindcss
- Language: Astro
- Homepage: https://astro-tailwind-boilerplate-alpha.vercel.app
- Size: 302 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Astro Tailwind Starter
AstroとTailwind CSSをつかったWebサイトを開発するためのテンプレートです。
## 使用技術
### Node version
- node v18.7.1
- pnpm v8.10.2
### フロントエンド
- [Astro](https://astro.build/) v3.4.3
- [Tailwind CSS](https://tailwindcss.com/) v3.0.24
- [TypeScript](https://www.typescriptlang.org/) v5.2.2
### Linter / Formatter
リンターに[ESLint](https://eslint.org/)、フォーマッターに[Prettier](https://prettier.io/)を使用しており、[Husky](https://typicode.github.io/husky/)でコミット・プッシュ時に実行されるようになっています。
ESLintとPrettierの設定はプロジェクトに応じて都度変更してください。
## 開発の仕方
### パッケージのインストール
```shell
pnpm install
```
### ローカル環境の立ち上げ
```shell
pnpm dev
```
[http://localhost:4321](http://localhost:4321)でたちあがります。
## コマンド
| Command | Action |
| :------------- | :--------------------------------------- |
| `pnpm install` | パッケージをインストール |
| `pnpm dev` | `localhost:4321`で開発サーバーを起動する |
| `pnpm build` | デプロイ用に`./dist/`にビルドする |
| `pnpm preview` | ローカルでビルドをプレビューする |
| `pnpm format` | Prettierを実行する |
| `pnpm lint` | ESLintを実行する |