<h3>Prerequisites</h3>
<p>You need a Sitecore Headless website that is up and running. Astro JSS SDK works only in connected mode. We recommend using a headless website managed by SXA. But it will work with a Sitecore headless website managed by configuration as well.</p>
<p><img src="/assets/blog/20240103-first-sitecore-astro-project/content-editor.png" alt="Content Editor"></p>
<h2>Initializing the project</h2>
<ol>
<li>Open terminal</li>
<li>Run <code>npx @astro-sitecore-jss/create-astro-sitecore-jss@latest</code></li>
<li>Follow command line instructions and provide required parameters</li>
</ol>
<p><img src="/assets/blog/20240103-first-sitecore-astro-project/project-initializer.png" alt="Project Initialization"></p>
<ol start="4">
<li>Once it is finished, you can will see next message</li>
</ol>
<p><img src="/assets/blog/20240103-first-sitecore-astro-project//success.png" alt="Success Project Initialization"></p>
<ol start="5">
<li>Change the directory to the folder that you selected during project initialization <code>cd astro</code></li>
<li>If you need to change any configuration, edit <code>scjssconfig.json</code></li>
<li>Run website using <code>npm run dev</code></li>
</ol>
<p><strong>Your project is ready! You can proceed to <a href="https://exdst.com/posts/20240104-sitecore-astro-rendering">creation your first component.</a></strong></p>

Starting Your First Sitecore Astro Project

Prerequisites

Initializing the project