1. In Development Mode

1. Set up the Provider

npm i laravel-connector-nextjs

Wrap your app with LaravelProvider:

// app/layout.tsx (Next.js) or main.tsx (Vite)
import { LaravelProvider } from 'laravel-connector-nextjs'

export default function RootLayout({ children }) {
  return (
    <LaravelProvider url={{url: process.env.API_URL}}>
      {children}
    </LaravelProvider>
  )
}

Authentication Example

import { useLaravelContext } from 'laravel-connector-nextjs'

function LoginForm() {
  const api = useLaravelContext()

  const handleLogin = async (email: string, password: string) => {
    // Laravel context automatically handles CSRF cookies
    const { data, errors } = await api.post('/login', { email, password })
    
    if (data) {
      console.log('Logged in successfully!')
      // No need to manually set tokens - Sanctum uses HTTP-only cookies
    }
  }

  return (
    // ... form JSX
  )
}