Coder Social home page Coder Social logo

erhanurgun / demo-laravel-chirper-bootcamp-with-livewire Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 134 KB

Laravel tarafından hazırlanan bootcamp'in livewire ile birlikte kurgulanan chirper projesinin demosu

Home Page: https://bootcamp.laravel.com/livewire/installation

PHP 60.54% JavaScript 0.53% Blade 38.89% CSS 0.03%

demo-laravel-chirper-bootcamp-with-livewire's Introduction

Laravel 10.x with Livewire

Giriş

  • Bu proje, Laravel'in hazırlamış olduğu bootcamp eğitimindeki örnek proje üzerinden geliştirilmiştir.

Kurulum

1. Projeyi klonlayın

git clone https://github.com/erhanurgun/LARA12-chirper-bootcamp-with-livewire.git

2. .env dosyasını oluşturun

cp .env.example .env

3. .env dosyasını düzenleyin

# Genel Ayarlar
APP_NAME=
APP_URL=

# Veritabanı Ayarları
DB_DATABASE=
DB_USERNAME=
DB_PASSWORD=

# Mail Ayarları
MAIL_HOST=
MAIL_PORT=
MAIL_USERNAME=
MAIL_PASSWORD=
MAIL_ENCRYPTION=
MAIL_FROM_ADDRESS=

4. Composer paketlerini yükleyin ve dump-autoload yapın

composer install
composer dump-autoload
  • Eğer bu komut ile ilgili herhangi bir hata oluşursa composer update komutunu çalıştırın

5. NPM veya PNPM ile paketleri yükleyin

npm install
# ya da
pnpm install

6. Key oluşturun

php artisan key:generate
  • .env dosyasında ki APP_KEY= içerisine oluşan keyi yapıştırın!

7. Veritabanı eklemelerini yapın

php artisan migrate

Kullanım

Local Ortamda Çalıştırmadan Önce

1. Projeyi çalıştırmak için aşağıdaki komutları çalıştırınız

php artisan serve
php artisan serve --host=laravel.test --port=80
  • Bu komutun çalışması için Windows kullanıyorsanız hosts dosyasına, macOS kullanıyorsanız Herd laravel.test adresini eklemeniz gerekmektedir!

2. npm ve ya pnpm ile değişiğlikleri izleyin

npm run dev
# ya da
npm run watch

3. Tarayıcıdan aşağıdaki adrese gidiniz

# Website için
http://localhost:8000
# ya da
http://laravel.test

Hosting Ortamda Çalıştırmadan Önce

  • Bu kısımdan önce local ortam için gerekli olan bütün komutları çalıştırmış olmanız gerekmektedir!

1. Projeyi build etmek için aşağıdaki komutu çalıştırınız

npm run build

2. .htaccess dosyasını oluşturun

cp .htaccess.example .htaccess
  • Bu ekleme işlemini eğer herhangi bir hata alırsanız yapınız, aksi takdirde yapmanıza gerek yoktur!

3. Tarayıcıdan aşağıdaki adrese gidiniz

https://domain-adi.uzantisi
Panel Kullanımı
  • Bu bilgilerle ilgili panele giriş yapıp kullanabilirsiniz
# Giriş Yap
E-Posta: [email protected]
Şifre..: E4i@wbSve7k$#Nk1Vc

# Kayıt Ol
# ...

4. N + 1 problemini tespit etmek için

  • Debugbar ve Query Detector paketlerini ilgili bağlantılara tıklayıp README.md dosyaları yardımıyla kurun.
composer require --dev beyondcode/laravel-query-detector
composer require --dev barryvdh/laravel-debugbar
  • Path: config/app.php dosyasında providers kısmına aşağıdaki satırı ekleyin
Barryvdh\Debugbar\ServiceProvider::class,
  • Path: config/app.php dosyasında aliases kısmına aşağıdaki satırı ekleyin
'Debugbar' => Barryvdh\Debugbar\Facades\Debugbar::class,

Destek için

  • Bu link'e tıklayarak benimle iletişime geçebilirsiniz.

Daha fazlası için erho.dev veya erhanurgun.com.tr websitemi ziyaret edebilirsiniz...

demo-laravel-chirper-bootcamp-with-livewire's People

Contributors

erhanurgun 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.