Imagem não aparece.

Oi, Nicholas, como vai?

Obrigado por compartilhar seu projeto. O problema acontece, pois o caminho na propriedade srcda tag <img> no componente PostCard está sem a barra (/), antes da palavra assets, gerando um caminho incorreto e fazendo com que a imagem não seja localizada. Para corrigir basta adicionar uma barra antes do caminho. Ficaria assim:

Componente PostCard:

import { Link } from 'react-router-dom'
import styles from './PostCard.module.css'
import BotaoPrincipal from 'componentes/BotaoPrincipal'

export default function PostCard({ post }) {
    return (
        <Link to={`/posts/${post.id}`}>
            <div className={styles.post}>
                <img
                    className={styles.capa}
                    src={`/assets/posts/${post.id}/capa.png`}
                    alt='Imagem da capa sobre o post'
                />

                <h1 className={styles.titulo}>{post.titulo}</h1>
                
                <BotaoPrincipal>Ler</BotaoPrincipal>
            </div>
        </Link>
    )
}

Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!

Opa Rodrigo, muito obrigado brother, depois de ter colocado a barra agora as imagens apareceram no final do post. Agora o projeto está finalizado!