knaka Tech-Blog

<h3 id="%E6%A6%82%E8%A6%81">
<a class="header-anchor-link" href="#%E6%A6%82%E8%A6%81" aria-hidden="true"></a> 概要</h3>
<p>bun 1.0 ,  Astro 3 試すメモです</p>
<hr>
<h3 id="%E7%92%B0%E5%A2%83">
<a class="header-anchor-link" href="#%E7%92%B0%E5%A2%83" aria-hidden="true"></a> 環境</h3>
<ul>
<li>bun 1.0</li>
<li>astro 3</li>
</ul>
<hr>
<h3 id="%E5%8F%82%E8%80%83">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83" aria-hidden="true"></a> 参考</h3>
<ul>
<li>
<p><a href="https://docs.astro.build/ja/recipes/bun/" target="_blank" rel="nofollow noopener noreferrer">https://docs.astro.build/ja/recipes/bun/</a></p>
</li>
<li>
<p><a href="https://bun.sh/guides/ecosystem/astro" target="_blank" rel="nofollow noopener noreferrer">https://bun.sh/guides/ecosystem/astro</a></p>
</li>
</ul>
<hr>
<div class="code-block-container"><pre><code>bunx create-astro@latest project

bun --bun astro dev
</code></pre></div><ul>
<li>
<a href="http://localhost:4321" target="_blank" rel="nofollow noopener noreferrer">http://localhost:4321</a>  で、ひらけました</li>
</ul>


<hr>
<h3 id="%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3">
<a class="header-anchor-link" href="#%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3" aria-hidden="true"></a> オプション</h3>
<ul>
<li>react, tailwind add</li>
</ul>
<div class="code-block-container"><pre><code>bunx astro add react
#
bunx astro add tailwind
</code></pre></div>

<h3 id="build">
<a class="header-anchor-link" href="#build" aria-hidden="true"></a> build</h3>
<div class="code-block-container"><pre><code>bun --bun astro build

bun --bun astro preview
</code></pre></div>