# Bun のインストール (Windows PowerShell)
irm https://bun.sh/install.ps1 | iex
# Next.js プロジェクトの作成
bun create next-app <プロジェクト名> --typescript
√ Which linter would you like to use? » ESLint
√ Would you like to use React Compiler? ... No
√ Would you like to use Tailwind CSS? ... No
√ Would you like your code inside a `src/` directory? ... Yes
√ Would you like to use App Router? (recommended) ... Yes
√ Would you like to customize the import alias (`@/*` by default)? ... Yes
√ What import alias would you like configured? ... @/*
# プロジェクトのフォルダへ移動
cd <プロジェクト名>
# FontAwesome, Bootstrap のインストール
bun add bootstrap @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/free-brands-svg-icons @fortawesome/react-fontawesome react-bootstrap framer-motion
# .nojekyll ファイルの作成
echo "" > .nojekyll
# 開発サーバの起動
bun run devdeploy.yml を利用するには
Settings -> Code and automation の General -> Workflow permissions の Read and write permissions を選択する。
Settings -> Code and automation の Pages -> Build and deployment の Branch を /docs に設定する。
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.