Why choose Next.js? #play_next_js React.js is the most favorite Library. Next.js is a React framework, created by Zeit Next.js pick for SEO purpose (Server Side Rendering ) # Key points Server side rendering (SSR) SPA (Single page application) Auto routing SEO friendly Image optimization Best performance Friendly Community

Notification is a short and informational message that notifies a user. php artisan make:notification OrderComplete implements ShouldQueue and trait Queueable Now call the notification inside your controller or others file. use App\Notifications\OrderComplete; Notification::route('mail', 'hiremostafa@gmail.com') ->notify( (new OrderComplete())->delay(now()>addMinutes(1)) );

#code4mk #laravel # Queue: Queue is a FIFO (first in first out). Queue task waiting to complete the previous task. Laravel Queue: Laravel queue system increase performance of request and reduce the loading time. Basically queue is a time-consuming task but run background on the server. # Job Job is…

laravel testing, #code4mk , #testing Laravel built with testing in mind. Laravel support PHPUnit testing. # 1. Configure xml file NB: bash cli # command with bash cli ./vendor/bin/phpunit --configuration /path/to/laravel_project/phpunit.xml # 2. Make a Test php artisan make:test AppTest --unit

Event is a specific task. Listener listen a event then trigger one or many actions. Actions<- Listener <- listen (event) # generate from kernel php artisan event:generate # manually create php artisan make:listener ListenerName php artisan make:event EventName event EventName class.

#custom_route_nuxt #nuxtjs #nuxt #code4mk # pages pages automaticaly generate router that this amazing. but a big project pages system is so boring. because can’t standard folder system for project specific feature. if you are familiar with vue router and vue dev this content for you. …

#nuxtjs #nuxt #code4mk #vue #maintenance Mode Sometimes you need to your site on maintenance mode. you can easily setup maintenance mode in nuxt app. # Maintenance page create a maintenance page as page\maintenance.vue <template lang="html"> <div class="content"> <div class="maintenance"> <h1> Maintenance Mode </h1> <h1>Nuxt.js @code4mk</h1> </div> </div> </template> <script> export default…

#nuxt #nuxtjs #i18n #code4mk. # vue-i18n vue-i18n is best intertionalization plugin for vue project. # how add vue-i18n inside nuxt Nuxt.js link up package by plugin system. create a plugin then add that inside nuxt.config.js # create plugin ~ plugins/i18n.js import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) export…

#editorjs #vue_editorjs #editorjs_vue #code4mk editor.js Editor.js is a next-generation block-based editor, and it’s open source. editor.js returns a JSON output. editor.js built by codex-team. core block plugins are header paragraph image embed list table and so on. plugin organization # Implement editorjs with vuejs pos npm install @editorjs/editorjs npm install @editorjs/header npm install @editorjs/paragraph npm install @editorjs/list