(English guide is below)
Svelte 5 のテンプレートプロジェクトです。
このプロジェクトは、Svelte 5 / SvelteKit を利用してすぐに新規プロジェクトを始められることを目的に作成されました。
以下を採用しています:
- SvelteKit(クライアント/サーバーのフレームワーク)
- Tailwind CSS(スタイリング)
- Shadcn UI(shadcn-svelte、UI コンポーネント)
- Lucide Icons(@lucide/svelte、アイコン)
- Zod(スキーマバリデーション)
- Biome(Lint とフォーマット)
nvm install 20.19.0
nvm use 20.19.0(上記は一例です。実際の対応バージョンは package.json を参照してください)
(nvm は Node のバージョンマネージャーです。n や nodebrew 等を使っても構いません)
npm install
npm run devsrc/app.html の lang 属性を変更するとサイトの表示言語を切り替えられます。
デフォルトは日本語です。
<html lang="ja">英語にしたい場合は次のように変更してください。
<html lang="en">This project is created to start a new project quickly using Svelte 5 / SvelteKit.
Svelte 5 template project that:
- uses SvelteKit as framework for client and server.
- uses Tailwind CSS for styling.
- uses Shadcn UI (shadcn-svelte) for UI components.
- uses Lucide Icons (@lucide/svelte) for icons.
- uses Zod for schema validation.
- uses Biome for linting and formatting.
nvm install 20.19.0
nvm use 20.19.0(This is an example. See the compatible version in package.json.)
(nvm is a Node version manager. You can use any other manager like n or nodebrew.)
npm install
npm run devIn src/app.html, you can change the language of the website by changing the lang attribute.
Default is Japanese.
<html lang="ja">So change it like this if you want English.
<html lang="en">