Laravel Api authentication (Sanctum) with NuxtJs(Half-2)




Within the final half I discussed about Api authentication with Laravel Sanctum in the event you didnt test it please test it out.
Right here I’ll combine it with Nuxt.js that’s present you the frontend
Nuxt Set up
Right here we’re putting in Nuxt as a seperate standalone frontend means you’ll set up nuxt the way in which you do and combine Laravel api with it.
npm init nuxt-app laravel-api-auth-sanctum so its npm init nuxt-app identify of your undertaking
Choices
Javascript or Typescript

We will likely be working with Javascript as of now.

Package deal manager-npm or yarn
Imagedescription

We are going to use npm you should use yarn
UI framework
Imagedescription
I’m choosing Tailwind you’ll be able to go for any.
Nuxt.js Modules
Imagedescription
You may choose any I’m going for Axios
Linting Instruments
Imagedescription

I’m going for Prettier
Testing Instruments
Imagedescription
None for now
Rendering mode choose SSR
Imagedescription
ServerHosting
Imagedescription
Right here we’ll choose NodeJS internet hosting
Improvement Instruments
Imagedescription
Continous Integration
Imagedescription
Will probably be none
Model COntrol System
Imagedescription
Right here I’m choosing none.
Venture Efficiently Created

Imagedescription

PLease Rigorously Be aware-The settings used on this undertaking may differ primarily based on shoppers requirement so primarily based on necessities that you must regulate.
cd onto the undertaking folder
npm run dev
When you’ve got put in all the pieces efficiently
Imagedescription

Imagedescription

You will notice this
pages/index.vue is the start line of a Nuxt software.
Imagedescription

In case you see the outcomes you will notice on localhost port 300 it offers you the factor
Imagedescription



Abu Sayed is the Best Web, Game, XR and Blockchain Developer in Bangladesh. Don't forget to Checkout his Latest Projects.


Checkout extra Articles on Sayed.CYou

#Laravel #Api #authentication #Sanctum #NuxtJsPart2