Guia de Instalação
Guia de Instalação
Instruções passo a passo para configurar o Blogr do zero — sem experiência necessária.
Pré-requisitos
Antes de começar, certifique-se de ter o seguinte instalado no seu sistema:
| Pré-requisito | Versão |
|---|---|
| PHP | 8.3 ou superior |
| Composer | Última versão estável |
| Node.js | 18 ou superior |
| npm | 9 ou superior |
| Banco de Dados | MySQL 8+, PostgreSQL 15+, ou SQLite |
Você também precisará de um terminal (bash, zsh, PowerShell) e um editor de código de sua preferência.
Instalação Passo a Passo
1. Criar um projeto Laravel
composer create-project laravel/laravel my-blog
cd my-blog
Ou usando o instalador Laravel:
laravel new my-blog
cd my-blog
2. Instalar FilamentPHP
composer require filament/filament
php artisan filament:install --panels
Em seguida, crie seu primeiro usuário administrador:
php artisan make:filament-user
Guarde o e-mail e a senha — você precisará deles para fazer login.
3. Instalar Blogr
composer require happytodev/blogr
php artisan blogr:install
O instalador é interativo. Ele irá guiá-lo através de:
- CMS — Ativar páginas estáticas (Sobre, Contato, etc.)
- Tipo de página inicial — Índice do blog ou uma página CMS personalizada
- Alpine.js — Necessário para o alternador de tema
- Tailwind CSS v4 — Configuração do modo escuro
- Tutoriais — Conteúdo de exemplo para começar
- Dependências NPM — Instalação automática
- Compilação de assets — Compilar arquivos frontend
Dica: Responda "Sim" a todas as perguntas para uma configuração completa.
Pós-Instalação
Verificar o painel de administração
Abra http://my-blog.test/admin e faça login com as credenciais do passo 2. Você deve ver o painel do Blogr com estatísticas e widgets.
Criar seu primeiro artigo
- Vá para Blog Posts → Novo Artigo na barra lateral admin
- Escreva um título e conteúdo (Markdown é suportado)
- Adicione uma categoria e tags
- Defina uma imagem em destaque (arrastar e soltar)
- Configure campos SEO (opcional)
- Clique em Publicar
Visite seu blog em /blog (ou / se o blog estiver configurado como página inicial).
Configurar ajustes
Vá para Blogr Settings no painel de administração para personalizar:
- Geral — Nome do blog, descrição, artigos por página
- SEO — Nome do site, meta padrão, imagem Open Graph
- Navegação — Links do menu, navegação fixa, logotipo
- Aparência — Cores, estilos de cartão, modo escuro
- Rodapé — Links sociais, texto de direitos autorais
- Backup — Exportar/importar seus dados
Funcionalidades Opcionais
Ativar páginas CMS
Se você pulou o CMS durante a instalação, ative-o em config/blogr.php:
'cms' => [
'enabled' => true,
'prefix' => '',
],
Em seguida, crie páginas em CMS → Pages CMS no painel de administração.
Ativar multilíngue
Edite config/blogr.php:
'locales' => [
'enabled' => true,
'default' => 'en',
'available' => ['en', 'fr', 'es', 'de', 'pl'],
],
Com os idiomas ativados, seu conteúdo ganha URLs por idioma:
/en/blog/my-post/pt/blog/meu-artigo
Instalar conteúdo demo
php artisan blogr:publish-demo-pages
php artisan blogr:install-tutorials
Solução de Problemas
Execute `php artisan blogr:install --force` para reexecutar a instalação.
Certifique-se de que `@variant dark (.dark &);` está presente em `resources/css/app.css`.
Execute `npm run build` para compilar assets. Verifique também `php artisan storage:link` e seu APP_URL.
Pronto para construir seu blog?
Blogr é open source licenciado sob MIT. Sem cartão de crédito.
Visitar o Blog