Aprenda a criar, personalizar e publicar sua página de links.
O primeiro passo é acessar o painel onde toda a mágica acontece. Se você está rodando o projeto
localmente, inicie o servidor com o comando npm run dev e acesse http://localhost:3000/admin.
Você será apresentado à interface de edição. Recomendamos começar carregando o arquivo
data/links.json para se familiarizar com a estrutura.
O painel de administração possui várias abas para você personalizar sua página:
Após fazer suas edições, é crucial salvá-las. Use o botão "Salvar" ou "Salvar e Exportar". Isso
criará ou atualizará um arquivo JSON na pasta /data na raiz do projeto. Você pode
nomear como quiser, por exemplo, meu-perfil.json.
Este arquivo é o "cérebro" da sua página, contendo todas as informações que você configurou.
Esta é a parte mais importante. A sua página final é composta por um conjunto de arquivos estáticos. Você precisa prepará-los para a publicação.
link-page: Encontre esta pasta na raiz do
projeto. Copie-a para um local seguro no seu computador. É esta cópia que será publicada./data onde você salvou seu arquivo (ex:
meu-perfil.json).data que existe na sua
cópia da link-page.link-page/data, **renomeie o arquivo que você acabou de copiar
para links.json**.O resultado final deve ser assim:
Por que isso é necessário? A página estática (link-page/index.html)
está programada para procurar e ler um arquivo chamado links.json dentro de sua própria
pasta data para exibir seu conteúdo.
Com a pasta link-page preparada, você está pronto para publicá-la!
Você pode hospedar esta pasta em qualquer serviço de hospedagem de sites estáticos, como:
Basta fazer o upload do conteúdo da sua pasta link-page para o serviço escolhido, e sua
página de links estará online para o mundo ver!