laravel tailwindcss admin dashboard template

Modelo de painel de administração gratuito do Tailwind e Laravel

Mosaic Lite Laravel é um modelo de painel de administração responsivo construído sobre Tailwind CSS e totalmente codificado em Laravel Jetstream. Este modelo é um excelente ponto de partida para quem deseja criar uma interface de usuário para produtos SaaS, painéis de administrador, aplicativos web modernos e muito mais. Use-o para o que quiser e não deixe de entrar em contato conosco no Twitter se você criar algo legal/útil com ele.

Criado e mantido com ❤️ por Cruip.com.

Demonstração ao vivo

Confira uma demonstração ao vivo aqui ️ https://mosaic.cruip.com/

Mosaico Pró

Arquivos de projeto

Se precisar dos arquivos de design, você pode baixá-los na Comunidade Figma https://bit.ly/3sigqHe

Índice

• Uso
  • Configure seu arquivo de configuração .env
  • Instale dependências do Laravel
  • Migrar as tabelas
  • Gere alguns dados de teste
  • Compilar o front-end
  • Inicie o back-end do Laravel
• Créditos
• Termos e Licença
• Sobre nós
• Fique por dentro

Uso

Este projeto foi construído com Laravel Jetstream e Livewire + Blade como Stack.

Configure seu arquivo de configuração .env

Certifique-se de adicionar a configuração do banco de dados em seu arquivo .env, como nome do banco de dados, nome de usuário, senha e porta.

Instale dependências do Laravel

Na raiz da sua aplicação Laravel, execute o comando php composer.phar install (ou composer install ) para instalar todas as dependências do framework.

Migrar as tabelas

Para migrar as tabelas e configurar a estrutura mínima para este aplicativo exibir alguns dados você deve abrir seu terminal, localizar e entrar neste diretório do projeto e executar o seguinte comando

php artisan migrate

Gere alguns dados de teste

Depois de configurar todas as tabelas de banco de dados, você poderá gerar alguns dados de teste que virão de nossos semeadores de tabelas de banco de dados pré-fabricados. Para fazer isso, em seu terminal execute o seguinte comando

php artisan db:seed

NB: Se você executar este comando duas vezes, todos os dados de teste serão duplicados e adicionados aos dados da tabela existente. Se você quiser evitar dados de teste duplicados, certifique-se de truncate a seguinte tabela datafeeds em seu banco de dados.

Compilar o front-end

Para compilar todos os ativos CSS e JS para o front-end deste site você precisa instalar dependências NPM. Para fazer isso, abra o terminal, digite npm install e pressione a tecla Enter .

Em seguida, execute npm run dev no terminal para executar um servidor de desenvolvimento para recompilar ativos estáticos ao fazer alterações no modelo.

Quando terminar as alterações, execute npm run build para compilar e minify para produção.

Inicie o back-end do Laravel

Para fazer com que esta instalação do Laravel funcione corretamente em sua máquina local você pode executar o seguinte comando na janela do seu terminal.

php artisan serve

Você deverá receber uma mensagem semelhante a esta Starting Laravel development server: http://127.0.0.1:8000 basta copiar a URL em seu navegador e você estará pronto para testar seu novo aplicativo laravel em mosaico.

Créditos

• Núcleo

Termos e Licença

• Licença https://cruip.com/terms/.
• Direitos autorais 2022 Cruip.
• Use-o para projetos pessoais e comerciais, mas não republique, redistribua ou revenda o modelo.
• A atribuição não é obrigatória, embora seja muito apreciada.

Sobre nós

Somos uma dupla italiana de desenvolvedores/designers que cria recursos de design/código de alta qualidade para desenvolvedores, criadores e startups.

Fique por dentro

Se quiser saber quando lançaremos novos recursos, siga @pacovitiello e @DavidePacilio no X ou assine nossa newsletter.