https://github.com/alfonsobries/laravel-nuxt-client

Nuxt.js Ready for Laravel Client
https://github.com/alfonsobries/laravel-nuxt-client

Last synced: about 1 month ago
JSON representation

Nuxt.js Ready for Laravel Client

• Host: GitHub
• URL: https://github.com/alfonsobries/laravel-nuxt-client
• Owner: alfonsobries
• Created: 2019-02-21T23:03:48.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2021-01-05T07:21:03.000Z (almost 4 years ago)
• Last Synced: 2024-10-29T22:49:21.939Z (about 2 months ago)
• Language: Vue
• Size: 350 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Laravel-Nuxt API

> Nuxtjs client for laravel

Forked from [cretueusebiu/laravel-nuxt](https://github.com/cretueusebiu/laravel-nuxt) 

Nuxtjs Client ready to work with Laravel API  [API](https://github.com/alfonsobries/laravel-nuxt)







## Features

- Nuxt 2.4.3

- VueI18n

- SSR or SPA 

- Authentication with JWT

- Socialite integration

- Login, register, password reset and profile pages

## Installation

- `git clone https://github.com/alfonsobries/laravel-nuxt.git`

- Edit `.env` to set the `APP_URL` (the url to your Laravel application)

- `yarn` / `npm install`

## Usage

### Development

```bash

npm run dev

```

### Production with SSR

```bash

npm run build

npm run start

```

#### Nginx Proxy

For Nginx you can add a proxy using the follwing location block:

```

server {

    location / {

        proxy_pass http://HOST:PORT;

        proxy_http_version 1.1;

        proxy_set_header Upgrade $http_upgrade;

        proxy_set_header Connection 'upgrade';

        proxy_set_header Host $host;

        proxy_cache_bypass $http_upgrade;

    }

}

```

Where `HOST` is the ip address of your server and `PORT` is the port you're running the application (3000 by default).

#### Process Manager

In production you need a process manager to keep the Node server alive forever:

```bash

# install pm2 process manager

npm install -g pm2

# startup script

pm2 startup

# start process

pm2 start npm --name "laravel-nuxt" -- run start

# save process list

pm2 save

# list all processes

pm2 l

```

After each deploy you'll need to restart the process:

```bash

pm2 restart laravel-nuxt 

```

### Production without SSR

If you don't want server side rendering you can use the [mode](https://nuxtjs.org/api/configuration-mode#the-mode-property) option:

- Uncomment `mode: 'spa'` and `'~plugins/nuxt-client-init'` in `client/nuxt.config.js` 

- Uncomment `// ->prefix('api')` in `app/Providers/RouteServiceProvider.php` 

- Set `APP_URL=http://example.com/api` and `CLIENT_URL=http://example.com` in your `.env`

- Run `npm run build`

Make sure to read the [Nuxt docs](https://nuxtjs.org/).

## Notes

- This project uses [router-module](https://github.com/nuxt-community/router-module), so you have to add the routes manually in `client/router.js`.

- If you want to separate this in two projects (client and server api), move `package.json` into `client/` and remove config path option from the scripts section. Also make sure to add the env variables in `client/.env`.

## Changelog

Please see [CHANGELOG](CHANGELOG.md) for more information what has changed recently.