Giter Club home page Giter Club logo

laravel-vue3-shadcn's Introduction

Laravel 11, Inertia Vue 3, TypeScript, shadcn/ui Boilerplate

This repository provides a boilerplate for a web application built using Laravel 11, Inertia.js with Vue 3, TypeScript, and shadcn/ui. It includes a devcontainer setup, husky pre-commit hooks, lint-staged, ESLint, and Prettier.

Technologies Used

  • Laravel 11: A PHP framework for web artisans.
  • Inertia.js with Vue 3: A framework that lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers.
  • TypeScript: A statically typed superset of JavaScript that adds optional types.
  • shadcn/ui: A UI library for Vue.js (assuming it's a UI library).
  • Devcontainer: A development container for Visual Studio Code, providing a fully configured development environment that can be shared across a team.
  • Husky pre-commit hooks: A tool to facilitate running tasks on Git hooks, like pre-commit.
  • Lint-staged: A package that allows you to run linters on staged files.
  • ESLint: A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript.
  • Prettier: An opinionated code formatter that enforces a consistent style by parsing your code and re-printing it.

Getting Started

These instructions will get you a copy of the boilerplate up and running on your local machine for development and testing purposes.

Prerequisites

  • Docker
  • Visual Studio Code with Remote - Containers extension

Installation

  1. Clone the repository
git clone https://github.com/xqsit94/laravel-vue3-shadcn.git
  1. Open the project folder in Visual Studio Code.

  2. When prompted to "Reopen in Container", click "Reopen in Container". This will start the build of the Docker container defined in the .devcontainer folder.

  3. Once the build is complete, you'll automatically be connected to the container. All commands from here are run inside the container.

  4. Install PHP dependencies

sail composer install
  1. Install JavaScript dependencies
bun install
  1. Copy .env.example and create a .env file
cp .env.example .env
  1. Generate a new application key
sail php artisan key:generate
  1. Run the database migrations (Set the database connection in .env before migrating)
sail php artisan migrate
  1. Run the application in development mode
bun run dev

laravel-vue3-shadcn's People

Contributors

xqsit94 avatar

Stargazers

Mulky Sulaiman avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.