Giter VIP home page Giter VIP logo

laravel-initial-setup's Introduction

Laravel Initial Setup

Prepare Environment

For Windows

1. Prepare php

  1. Download and Install XAMPP

  2. Add XAMPP/php to PATH

  3. Open a terminal and then type command below to verify php is installed and added to PATH

    php --version
    

2. Prepare composer

  1. Download and Install Composer

  2. Make sure to Add to PATH when asked

  3. Open a terminal and then type command below to verify composer is installed and added to PATH

    composer --version
    

3. Prepare node and npm

  1. Download and install nvm for windows. Pick the latest nvm-setup.exe

  2. Make sure to Add to PATH when asked

  3. Open a terminal and then type this command to install latest Node LTS

    nvm install lts
    nvm use lts
    
  4. Make sure to node and npm is installed

    node --version
    npm --version
    

Initialize Laravel Project

Create a Laravel Project

  1. Use this command to create the project, replace example-app with your project name

    composer create-project laravel/laravel example-app
    
  2. Run this command to serve laravel project

    php artisan serve
    

Install Laravel Breeze for Auth Scaffolding

  1. Install Laravel Breeze, you can choose the stack of your preference. Up to you which stack: Blade template for the frontend, or Inertia with React/Vue or you can also choose Livewire

    php artisan breeze:install
    
  2. Run migration

    php artisan migrate
    
  3. Install node dependecies (for Inertia with React or Vue)

    npm install
    
  4. Compile frontend assests

    npm run dev
    

laravel-initial-setup's People

Contributors

yasirsoleh avatar

Stargazers

 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.