Laravel 12 + ReactJS Starter Kit: Add Multi-Language Support (Arabic, English, Spanish) with Blog CRUD

🚀 Installation & Setup

1. Download & Extract

   • Get the ZIP from kritimyantra.com and extract it.
   • Includes preconfigured .env and database.sqlite.

2. Install Dependencies

   composer install  # PHP packages
   npm install      # Frontend dependencies
   

3. Run the Project

   npm run dev      # Compile assets (Vite)
   php artisan serve # Start Laravel server
   or 
   composer run dev
   

   ➡️ Open http://localhost:8000

🌍 Multi-Language Support

• Languages: English (en), Arabic (ar), Spanish (es).
• Translation Files:
  • Edit strings in /lang/{en,ar,es}/messages.php.
  • Use in React:

    const { t } = useTranslations();
    <h1>{t('messages.welcome')}</h1>
    

• RTL Support: Arabic auto-flips to RTL layout.

📝 Blog Features

Create/Edit Posts

• Rich Text Editor: React Quill for formatted content.
• Image Uploads: Stored in storage/app/public.
• Slugs: Auto-generated (e.g., my-blog-post).

View Posts

• Homepage: Grid of posts with thumbnails.
• Detailed View: Full post with HTML rendering.

🔧 Customization

• Add a Language:
  1. Create /lang/fr/messages.php.
  2. Update SetLocale middleware with 'fr' => 'French'.
• Modify Styles: Edit Tailwind classes in React components.
• Extend Functionality:
  • Controllers: app/Http/Controllers/
  • Models: app/Models/Post.php

⚠️ Troubleshooting

• Assets Not Updating?

  php artisan config:clear && npm run dev
  

• Missing Translations?
  • Check messages.php files.
  • Clear cache: php artisan cache:clear.

🎯 Ready to Go! Customize the blog by editing React components (/resources/js/Pages/) or Laravel backend.