Por que Astro?

Recriando o meu blog com Astro

• Escrever meus posts em Markdown e não me preocupar com como eles vão parar no site; quero apenas escrever, subir na nuvem e o build do Astro deve atualizar a listagem e gerar os links de acordo;
• Ter o site em dois ou mais idiomas.

Dando início ao projeto

pnpm create astro@latest

Listando todos os posts

const blog = defineCollection({
  loader: glob({ base: "posts", pattern: "**/*.{md,mdx}" }),
});

export const collections = { blog };

```astro

if (!posts) return Astro.redirect("/404");

Blog

{posts.map((post) => (

<li>
  <a href={post.id}>{post.data.title}</a>
</li>

))}

Eeeee isso funcionou? Foi muito fácil!

No Astro, qualquer código executado entre as "fences" (`---`) é executado apenas em *build time*. Isso significa que nossa aplicação até o momento está com um total de zero  Javascript!
### Gerando páginas dinamicamente
Após a criação da página de listagem de posts, eu queria criar uma página para cada post. Para isso, eu precisava de uma *rota dinâmica*, ou seja, precisaria que o Astro gerasse as páginas para mim.

Gostaria de aproveitar este momento e dizer que a documentação do Astro é muito boa! Definitivamente seria muito mais trabalhoso fazer isso sem ela.

Enfim, eu criei um arquivo `[slug].astro`. Este arquivo aceita qualquer valor como entrada, e eu posso usar esse valor via código.
```astro
---
const { slug } = Astro.params;
---
<p>Slug: {slug}</p>

```astro

const { Content } = await render(post);

E em teoria era para funcionar super bem... Mas o Astro não consegue saber todas as rotas possíveis para o `[slug].astro`, o que o impedia de deixar o site limpo de javascript. Para contornar isso, temos que dizer ao Astro **todas as rotas possíveis**. Fazemos isso exportando uma função `getStaticPaths`, que *felizmente* pode ser `async`, onde retornamos uma lista com todas as variáveis completadas. Também podemos passar props para cada página, o que significa que podemos passar todos os posts diretamente!
```astro
---
import { getCollection, render } from "astro:content"; // agora, pegamos a coleção inteira!

export async function getStaticPaths() {
  const posts = await getCollection("blog");
  return posts.map((post) => ({
    params: { slug: post.id },
    props: { post }, // podemos passar o post diretamente para a página!
  }));
}

const { post } = Astro.props; // E o post é garantido que existe!
const { Content } = await render(post);
---
<Content />

function createCollection(suffix: string) {
  return defineCollection({
    loader: glob({ base: `posts/${suffix}`, pattern: "**/*.{md,mdx}" });
  });
}

export const collections = {
  "blog-en": createCollection("en"),
  "blog-pt": createCollection("pt"),
};

const entries = {
  en: {
    "all-posts": "All posts",
  },
  pt: {
    "all-posts": "Todos os posts",
  },
};

export type Locales = keyof typeof entries;
export const locales = Object.keys(entries) as Locale[];
export const defaultLocale: Locale = "en" as const;

import { getCollection as getContentCollection } from "astro:content";

export function getCollection(locale: Locale = defaultLocale) {
	return getContentCollection(`blog-${locale}`);
}

src/
├── content.config.ts
├── i18n.ts
├── pages/
│   ├── [lang]/
│   │   ├── [slug].astro
│   │   └── index.astro
│   ├── [slug].astro
└── └── index.astro

O que é o Nix?

/nix/store/b6gvzjyb2pg0kjfwrjmg1vfhh54ad73z-firefox-33.1/

O que é o NixOS?

• hardware-configuration.nix: Gerado automaticamente pelo sistema. Você provavelmente nunca precisará mexer aqui (pelo menos assim espero!).
• configuration.nix: Onde a configuração do seu sistema realmente mora. É aqui que você diz ao Nix quais pacotes devem estar instalados, quais serviços ou daemons devem rodar, qual interface de desktop usar, etc.

# configuration.nix
{
	# ...
	environment.systemPackages = [pkgs.git];
}

nixos-rebuild switch

nixos-rebuild test

Você deveria migrar para o NixOS?

Prós

Desenvolvedores

Entusiastas

Contras

Você quer apenas que as coisas funcionem rápido

Você é novo no Linux

Conclusão

Modelo de Domínio claro

enum DownloadStatus {
    Inactive,
    Processing { progress: u32 },
    Error(String)
    Done,
}

Switch statements poderosíssimos

let value = 5;
match value {
    0..=10 => println!("Número entre 0 e 10!"),
    11 | 13 | 17 | 19 => println!("Número primo!"),
    n if n % 2 == 0 => println!("Número par!"),
    n => println!("Não sei o que fazer com o número {n}"),
}

let status = DownloadStatus::Error("Falha ao baixar".into());
if let DownloadStatus::Error(error) = status {
    eprintln!("Erro no download: {}", error);
}

Mutabilidade explícita

let x = 10;
x = x * 2; // O código falha aqui

let mut x = 10;
x = x * 2;

let mut meuTexto = String::from("Olá, mundo");
printText(&meuTexto);
changeText(&mut meuTexto);

Macros!

Configuração em TOML

Nem tudo são flores

Conclusão

Como fiz esse blog

O que pretendo fazer por aqui?