<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Web Artisan</title>
    <description>The latest articles on Forem by Web Artisan (@k2sodev).</description>
    <link>https://forem.com/k2sodev</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1230142%2F7e377db2-b928-40ff-85ff-2bb9fc5f3a40.jpeg</url>
      <title>Forem: Web Artisan</title>
      <link>https://forem.com/k2sodev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/k2sodev"/>
    <language>en</language>
    <item>
      <title>Starter template for Laravel + Nuxt.js development</title>
      <dc:creator>Web Artisan</dc:creator>
      <pubDate>Sun, 10 Dec 2023 12:37:06 +0000</pubDate>
      <link>https://forem.com/k2sodev/starter-template-for-laravel-nuxtjs-development-1bbp</link>
      <guid>https://forem.com/k2sodev/starter-template-for-laravel-nuxtjs-development-1bbp</guid>
      <description>&lt;p&gt;The goal of the project is to create a template for development on Laravel and Nuxt with maximum API performance, ready-made authorization methods, image uploading with optimization and ready-made user roles.&lt;/p&gt;

&lt;h2&gt;
  
  
  Features
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://laravel.com/docs/10.x"&gt;&lt;strong&gt;Laravel 10&lt;/strong&gt;&lt;/a&gt; and &lt;a href="https://nuxt.com/"&gt;&lt;strong&gt;Nuxt 3&lt;/strong&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://laravel.com/docs/10.x/octane"&gt;&lt;strong&gt;Laravel Octane&lt;/strong&gt;&lt;/a&gt; supercharges your application's performance by serving your application using high-powered application servers.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://laravel.com/docs/10.x/telescope"&gt;&lt;strong&gt;Laravel Telescope&lt;/strong&gt;&lt;/a&gt; provides insight into the requests coming into your application, exceptions, log entries, database queries, queued jobs, mail, notifications, cache operations, scheduled tasks, variable dumps, and more.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://laravel.com/docs/10.x/sanctum"&gt;&lt;strong&gt;Laravel Sanctum&lt;/strong&gt;&lt;/a&gt; Token-based authorization is compatible with &lt;strong&gt;SSR&lt;/strong&gt; and &lt;strong&gt;CSR&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://laravel.com/docs/10.x/socialite"&gt;&lt;strong&gt;Laravel Socialite&lt;/strong&gt;&lt;/a&gt; OAuth providers&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://spatie.be/docs/laravel-permission/v6/introduction"&gt;&lt;strong&gt;Spatie Laravel Permissions&lt;/strong&gt;&lt;/a&gt; This package allows you to manage user permissions and roles in a database.&lt;/li&gt;
&lt;li&gt;UI library &lt;a href="https://ui.nuxt.com/"&gt;&lt;strong&gt;Nuxt UI&lt;/strong&gt;&lt;/a&gt; based on &lt;a href="https://tailwindui.com/"&gt;&lt;strong&gt;TailwindCSS&lt;/strong&gt;&lt;/a&gt; and &lt;a href="https://headlessui.com/"&gt;&lt;strong&gt;HeadlessUI&lt;/strong&gt;&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://pinia.vuejs.org/ssr/nuxt.html"&gt;&lt;strong&gt;Pinia&lt;/strong&gt;&lt;/a&gt; The intuitive store for Vue.js&lt;/li&gt;
&lt;li&gt;Integrated pages: login, registration, password recovery, email confirmation, account information update, password change.&lt;/li&gt;
&lt;li&gt;Temporary uploads with cropping and optimization of images.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/unjs/ofetch"&gt;&lt;strong&gt;ofetch&lt;/strong&gt;&lt;/a&gt; preset for working with Laravel API, which makes it possible
use $&lt;strong&gt;fetch&lt;/strong&gt; without having to resort to custom $&lt;strong&gt;fetch&lt;/strong&gt; wrappers.&lt;/li&gt;
&lt;/ul&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A9-wwsHG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/k2so-dev"&gt;
        k2so-dev
      &lt;/a&gt; / &lt;a href="https://github.com/k2so-dev/laravel-nuxt"&gt;
        laravel-nuxt
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      Boilerplate is designed for Laravel and Nuxt development with maximum API performance ready-made authorization methods, image uploading with optimization and ready-made user roles.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;
  &lt;a rel="noopener noreferrer nofollow" href="https://raw.githubusercontent.com/k2so-dev/laravel-nuxt/main/art/preview.png"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gmj5hhKH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://raw.githubusercontent.com/k2so-dev/laravel-nuxt/main/art/preview.png" width="100%"&gt;&lt;/a&gt;
&lt;/p&gt;

&lt;h1&gt;
Laravel Nuxt Boilerplate&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://laravel.com" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/48f485a32c5ac2cd7a9ce4528bf4652bb07c17c3fcf27a9afe1adc89eadc3344/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d7631302d6666326532312e737667" alt=""&gt;&lt;/a&gt;
&lt;a href="https://nuxt.com" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/115fbe42814812497b92c28a3b3ffebb4d84a72decb4f8f5ed9a0b109be493cd/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6e7578742e6a732d76332e382d3034433639302e737667" alt=""&gt;&lt;/a&gt;
&lt;a href="https://app.fossa.com/projects/git%2Bgithub.com%2Fk2so-dev%2Flaravel-nuxt?ref=badge_shield" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/90b46b2f627bc634d034b2f00aa6f32982e24adaebdb761f44612d2470405acd/68747470733a2f2f6170702e666f7373612e636f6d2f6170692f70726f6a656374732f6769742532426769746875622e636f6d2532466b32736f2d6465762532466c61726176656c2d6e7578742e7376673f747970653d736869656c64" alt="FOSSA Status"&gt;&lt;/a&gt;
&lt;a href="https://github.com/k2so-dev/laravel-nuxt/actions/workflows/laravel.yml"&gt;&lt;img src="https://camo.githubusercontent.com/3c3b9ca908a3c29dbb364c71be1751d738d6af567f34998ef50760ec43d594a1/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6b32736f2d6465762f6c61726176656c2d6e7578742f6c61726176656c2e796d6c" alt="GitHub Workflow Status"&gt;&lt;/a&gt;
&lt;a href="https://github.com/k2so-dev/laravel-nuxt/actions/workflows/github-code-scanning/codeql"&gt;&lt;img src="https://github.com/k2so-dev/laravel-nuxt/actions/workflows/github-code-scanning/codeql/badge.svg" alt="CodeQL"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The goal of the project is to create a template for development on Laravel and Nuxt with maximum API performance, ready-made authorization methods, image uploading with optimization and ready-made user roles.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/k2so-dev/laravel-nuxt#features"&gt;Features&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/k2so-dev/laravel-nuxt#requirements"&gt;Requirements&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/k2so-dev/laravel-nuxt#installation"&gt;Installation&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/k2so-dev/laravel-nuxt#usage"&gt;Usage&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/k2so-dev/laravel-nuxt#nuxt-fetch"&gt;Nuxt $fetch&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/k2so-dev/laravel-nuxt#authentication"&gt;Authentication&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/k2so-dev/laravel-nuxt#nuxt-middleware"&gt;Nuxt Middleware&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/k2so-dev/laravel-nuxt#laravel-middleware"&gt;Laravel Middleware&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/k2so-dev/laravel-nuxt#examples"&gt;Examples&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/k2so-dev/laravel-nuxt#route-list"&gt;Route list&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/k2so-dev/laravel-nuxt#demo"&gt;Demo&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/k2so-dev/laravel-nuxt#links"&gt;Links&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/k2so-dev/laravel-nuxt#license"&gt;License&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;
Features&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://laravel.com/docs/10.x" rel="nofollow"&gt;&lt;strong&gt;Laravel 10&lt;/strong&gt;&lt;/a&gt; and &lt;a href="https://nuxt.com/" rel="nofollow"&gt;&lt;strong&gt;Nuxt 3&lt;/strong&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://laravel.com/docs/10.x/octane" rel="nofollow"&gt;&lt;strong&gt;Laravel Octane&lt;/strong&gt;&lt;/a&gt; supercharges your application's performance by serving your application using high-powered application servers.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://laravel.com/docs/10.x/telescope" rel="nofollow"&gt;&lt;strong&gt;Laravel Telescope&lt;/strong&gt;&lt;/a&gt; provides insight into the requests coming into your application, exceptions, log entries, database queries, queued jobs, mail, notifications, cache operations, scheduled tasks, variable dumps, and more.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://laravel.com/docs/10.x/sanctum" rel="nofollow"&gt;&lt;strong&gt;Laravel Sanctum&lt;/strong&gt;&lt;/a&gt; Token-based authorization is compatible with &lt;strong&gt;SSR&lt;/strong&gt; and &lt;strong&gt;CSR&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://laravel.com/docs/10.x/socialite" rel="nofollow"&gt;&lt;strong&gt;Laravel Socialite&lt;/strong&gt;&lt;/a&gt; OAuth providers&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://spatie.be/docs/laravel-permission/v6/introduction" rel="nofollow"&gt;&lt;strong&gt;Spatie Laravel Permissions&lt;/strong&gt;&lt;/a&gt; This package allows you to manage user permissions and roles in a database.&lt;/li&gt;
&lt;li&gt;UI library &lt;a href="https://ui.nuxt.com/" rel="nofollow"&gt;&lt;strong&gt;Nuxt UI&lt;/strong&gt;&lt;/a&gt; based on &lt;a href="https://tailwindui.com/" rel="nofollow"&gt;&lt;strong&gt;TailwindCSS&lt;/strong&gt;&lt;/a&gt; and &lt;a href="https://headlessui.com/" rel="nofollow"&gt;&lt;strong&gt;HeadlessUI&lt;/strong&gt;&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://pinia.vuejs.org/ssr/nuxt.html" rel="nofollow"&gt;&lt;strong&gt;Pinia&lt;/strong&gt;&lt;/a&gt; The intuitive store for Vue.js&lt;/li&gt;
&lt;li&gt;Integrated pages: login, registration, password…&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/k2so-dev/laravel-nuxt"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;h2&gt;
  
  
  Requirements
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;PHP 8.2 / Node 20+&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Redis&lt;/strong&gt; is required for the &lt;a href="https://laravel.com/docs/10.x/routing#throttling-with-redis"&gt;&lt;strong&gt;Throttling with Redis&lt;/strong&gt;&lt;/a&gt; feature&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://laravel.com/docs/10.x/octane"&gt;&lt;strong&gt;Laravel Octane&lt;/strong&gt;&lt;/a&gt; supports 2 operating modes: Swoole (php extension) or Roadrunner&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Installation
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;clone repository&lt;/li&gt;
&lt;li&gt;&lt;code&gt;composer install&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;cp .env.example .env &amp;amp;&amp;amp; php artisan key:generate &amp;amp;&amp;amp; php artisan storage:link&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;php artisan migrate&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;php artisan db:seed&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;php artisan octane:install&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;php artisan octane:start --watch --port=8000 --host=127.0.0.1&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;yarn install&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;yarn dev&lt;/code&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;blockquote&gt;
&lt;p&gt;Nuxt port is set in package.json scripts via &lt;strong&gt;cross-env&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>opensource</category>
      <category>nuxt</category>
      <category>laravel</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
