入門套件

1composer global require laravel/installer

1laravel new my-app

1cd my-app
2npm install && npm run build
3composer run dev

1resources/js/
2├── components/    # Reusable React components
3├── hooks/         # React hooks
4├── layouts/       # Application layouts
5├── lib/           # Utility functions and configuration
6├── pages/         # Page components
7└── types/         # TypeScript definitions

1npx shadcn@latest add switch

 1import { Switch } from "@/components/ui/switch"
 2 
 3const MyPage = () => {
 4  return (
 5    <div>
 6      <Switch />
 7    </div>
 8  );
 9};
10 
11export default MyPage;

1import AppLayoutTemplate from '@/layouts/app/app-sidebar-layout'; 
2import AppLayoutTemplate from '@/layouts/app/app-header-layout'; 

1<Sidebar collapsible="icon" variant="sidebar"> 
2<Sidebar collapsible="icon" variant="inset"> 

1import AuthLayoutTemplate from '@/layouts/auth/auth-simple-layout'; 
2import AuthLayoutTemplate from '@/layouts/auth/auth-split-layout'; 

1resources/js/
2├── components/    # Reusable Svelte components
3├── layouts/       # Application layouts
4├── lib/           # Utility functions and configuration and Svelte rune modules
5├── pages/         # Page components
6└── types/         # TypeScript definitions

1npx shadcn-svelte@latest add switch

1<script lang="ts">
2    import { Switch } from '@/components/ui/switch'
3</script>
4 
5<div>
6    <Switch />
7</div>

1import AppLayout from '@/layouts/app/AppSidebarLayout.svelte'; 
2import AppLayout from '@/layouts/app/AppHeaderLayout.svelte'; 

1<Sidebar collapsible="icon" variant="sidebar"> 
2<Sidebar collapsible="icon" variant="inset"> 

1import AuthLayout from '@/layouts/auth/AuthSimpleLayout.svelte'; 
2import AuthLayout from '@/layouts/auth/AuthSplitLayout.svelte'; 

1resources/js/
2├── components/    # Reusable Vue components
3├── composables/   # Vue composables / hooks
4├── layouts/       # Application layouts
5├── lib/           # Utility functions and configuration
6├── pages/         # Page components
7└── types/         # TypeScript definitions

1npx shadcn-vue@latest add switch

1<script setup lang="ts">
2import { Switch } from '@/components/ui/switch'
3</script>
4 
5<template>
6    <div>
7        <Switch />
8    </div>
9</template>

1import AppLayout from '@/layouts/app/AppSidebarLayout.vue'; 
2import AppLayout from '@/layouts/app/AppHeaderLayout.vue'; 

1<Sidebar collapsible="icon" variant="sidebar"> 
2<Sidebar collapsible="icon" variant="inset"> 

1import AuthLayout from '@/layouts/auth/AuthSimpleLayout.vue'; 
2import AuthLayout from '@/layouts/auth/AuthSplitLayout.vue'; 

1resources/views
2├── components            # Reusable components
3├── flux                  # Customized Flux components
4├── layouts               # Application layouts
5├── pages                 # Livewire pages
6├── partials              # Reusable Blade partials
7├── dashboard.blade.php   # Authenticated user dashboard
8├── welcome.blade.php     # Guest user welcome page

1<x-layouts::app.header>
2    <flux:main container>
3        {{ $slot }}
4    </flux:main>
5</x-layouts::app.header>

1<x-layouts::auth.split>
2    {{ $slot }}
3</x-layouts::auth.split>

 1use Laravel\Fortify\Features;
 2 
 3'features' => [
 4    Features::registration(),
 5    Features::resetPasswords(),
 6    Features::emailVerification(),
 7    Features::twoFactorAuthentication([
 8        'confirm' => true,
 9        'confirmPassword' => true,
10    ]),
11],

 1public function create(array $input): User
 2{
 3    Validator::make($input, [
 4        'name' => ['required', 'string', 'max:255'],
 5        'email' => ['required', 'email', 'max:255', 'unique:users'],
 6        'phone' => ['required', 'string', 'max:20'], 
 7        'password' => $this->passwordRules(),
 8    ])->validate();
 9 
10    return User::create([
11        'name' => $input['name'],
12        'email' => $input['email'],
13        'phone' => $input['phone'], 
14        'password' => Hash::make($input['password']),
15    ]);
16}

1use Illuminate\Support\Facades\RateLimiter;
2use Illuminate\Cache\RateLimiting\Limit;
3 
4RateLimiter::for('login', function ($request) {
5    return Limit::perMinute(5)->by($request->email.$request->ip());
6});

1WORKOS_CLIENT_ID=your-client-id
2WORKOS_API_KEY=your-api-key
3WORKOS_REDIRECT_URL="${APP_URL}/authenticate"

1npm run build:ssr

1composer dev:ssr

1laravel new my-app --using=example/starter-kit

 1<?php
 2 
 3namespace App\Models;
 4 
 5use Illuminate\Contracts\Auth\MustVerifyEmail;
 6// ...
 7 
 8class User extends Authenticatable implements MustVerifyEmail
 9{
10    // ...
11}

1Route::middleware(['auth', 'verified'])->group(function () {
2    Route::get('dashboard', function () {
3        return Inertia::render('dashboard');
4    })->name('dashboard');
5});

1php artisan vendor:publish --tag=laravel-mail