Newer
Older
hello-programmer-world / README.md
@h.sakamoto h.sakamoto 13 days ago 1 KB vagrant

hello-programmer-world

プログラマー向けの学習コンテンツサイトです。

実行手順

必要な環境

  • Node.js (推奨: v18以上)
  • pnpm

pnpmのインストール

pnpmがインストールされていない場合は、以下のコマンドでインストールしてください。

npm install -g pnpm

Vagrant仮想環境の利用(任意)

コマンドライン操作を学習するための練習用仮想環境をVagrantで用意しています。
ローカル環境を汚さずにCLIの演習を行いたい場合にご利用ください。

必要な環境

起動方法

cd vagrant
vagrant up
vagrant ssh

詳細は vagrant/ ディレクトリ内のファイルをご確認ください。

セットアップ

  1. リポジトリをクローンします
git clone <repository-url>
cd hello-programmer-world
  1. 依存パッケージをインストールします
pnpm install

開発サーバーの起動

pnpm dev

開発サーバーが起動し、ブラウザで http://localhost:4321 にアクセスできます。
ファイルを編集すると、自動的にブラウザがリロードされます。

ビルド

pnpm build

本番用のファイルが dist/ ディレクトリに生成されます。

プレビュー

ビルドしたファイルをローカルでプレビューできます。

pnpm preview

技術スタック

  • Astro - 静的サイトジェネレーター
  • MDX - Markdownの拡張記法
  • Tailwind CSS - CSSフレームワーク
  • Preact - UIコンポーネント
  • Biome - リンター・フォーマッター