<?= VV::include("public/docs/v3.1.4/layout") ?>
<main>
	<section class="md">
		<h1>Get Started with Vegvisir</h1>
		<p>In this guide we will install Vegvisir from a template repository. I will be using a Debian Linux environment for this demonstration.</p>
	</section>
	<section class="md">
		<h2>Prerequisites</h2>
		<ul>
			<li>PHP 8.3+</li>
			<li>Composer</li>
			<li>A web server</li>
		</ul>
	</section>
	<section class="md">
		<h2>1. Clone the template repository</h2>
		<p>There is a template repository on Codeberg which you can clone or generate from which has a bare-bones website ready for us.</p>
		<a href="https://codeberg.org/vegvisir/template" target="_blank"><button class="inline">
			<p>Template repository</p>
			<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
		</button></a>
	</section>
	<section class="md">
		<h2>2. Run the install script</h2>
		<p>The template repository has an <code>install.sh</code> file in its root directory which will install and set up our Vegvisir configuration for us.</p>
		<?= VV::include("snippets/HTMLCodeDemoElement/HTMLCodeDemoElement?id=docs/v3.1.4/get-started/run_install_script") ?>
	</section>
	<section class="md">
		<h2>3. Configure your webserver</h2>
		<p>In this demo we will be using <strong>NGINX</strong> as our web server, and <a href="https://packages.sury.org/php/"><strong>PHP-FPM</strong></a> (packaged by Ondřej Surý) as our FastCGI processor.</p>
		<p>As long as you point <strong>all traffic</strong> to <code>/vegvisir/public/index.php</code> with PHP pass you should be fine with other web server programs too.</p>
		<?= VV::include("snippets/HTMLCodeDemoElement/HTMLCodeDemoElement?id=docs/v3.1.4/get-started/nginx") ?>
	</section>
	<section class="md">
		<h2>4. Done!</h2>
		<p>Navigate to your configured web server host and if you're greeted with a welcome to Vegvisir page, then everything is working as it should!</p>
		<p>Feel free to experiment or follow the reference guide for more information about each Vegvisir feature.</p>
		<a href="/docs/Reference"><button class="inline">
			<p>Reference guide</p>
			<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
		</button></a>
	</section>
</main>