Rebuild the site in Astro

Add licence

Update site name in header to match README.md

Add missing metadescription, opengraph and link to RSS

Update Astro configuration to include sitemap integration with priority and changefreq settings

New post

1 files changed, 64 insertions, 0 deletions

diff --git a/src/pages/index.astro b/src/pages/index.astro
new file mode 100644
index 0000000..abf3acd
--- /dev/null
+++ b/src/pages/index.astro
@@ -0,0 +1,64 @@
+---
+import { getCollection } from "astro:content";
+import Layout from "../layouts/Layout.astro";
+
+const blogCollection = (await getCollection("blog")).sort((a, b) => {
+	return b.data.publishedAt.getTime() - a.data.publishedAt.getTime();
+});
+
+const schema = {
+	"@context": "http://schema.org",
+	"@type": "WebSite",
+	id: "https://www.costas.dev/",
+	url: "https://www.costas.dev/",
+};
+---
+
+<Layout title="Inicio" description="Página de inicio de mi web">
+	<script type="application/ld+json" slot="head-jsonld" set:html={JSON.stringify(schema)}></script>
+
+	<h1>Inicio</h1>
+	<p>
+		Te doy la bienvenida a mi web. Aquí encontrarás información sobre mí,
+		mis proyectos y mis intereses. Esta web está creada con el generador
+		Hugo y un tema creado por mí desde cero.
+	</p>
+	<h2>¿Quién soy?</h2>
+	<p>
+		Soy un desarrollador web que le gusta aprender cosas nuevas y compartir
+		su conocimiento. Me gusta la programación, el diseño web y la
+		creatividad. Me encanta crear cosas nuevas y aprender de los demás.
+	</p>
+
+	<h2>¿Qué hago?</h2>
+	<p>
+		Actualmente trabajo como desarrollador de software y admistrador de
+		Cloud en una empresa de tecnología. Me encargo de desarrollar
+		aplicaciones web y desplegarlas en la nube de forma segura y eficiente.
+	</p>
+
+	<a href="/portfolio">Mi portafolio</a>
+
+	<h2>Últimas entradas del blog</h2>
+
+	<ul>
+		{
+			blogCollection.slice(0, 5).map((p) => {
+				const date = Intl.DateTimeFormat("es-ES", {
+					day: "2-digit",
+					month: "short",
+					year: "numeric",
+				}).format(p.data.publishedAt);
+				return (
+					<li>
+						<time datetime={p.data.publishedAt.toISOString()}>
+							{date}
+						</time>
+						<a href={`/blog/${p.slug}`}>{p.data.title}</a>
+					</li>
+				);
+			})
+		}
+	</ul>
+	<a href="/blog">Ver todas las entradas</a>
+</Layout>