Chat App with Next.js, Laravel and Ably

This repository serves as a code container for the tutorial I wrote on Ably's Blog.

Blog link will be updated once the article is published.

Features

• [x] Laravel for event broadcasting
• [x] Next.js for frontend UI
• [x] Ably for realtime messaging

Prerequisites

These things are required before setting up the project.

• Git
• Ubuntu 18.04 or 20.04
• Node.js Read Guide
• PHP Read Guide

Getting Started

Follow these instructions to get the project up and running.

# Clone the repo
$ git clone https://github.com/ravgeetdhillon/chat-app-nextjs-laravel-ably.git

# Change directory
$ cd chat-app-nextjs-laravel-ably

For Laravel

# Navigate to backend directory that holds laravel code
$ cd backend

# Install dependencies
$ composer install

# Served at http://localhost:8000
$ php artisan serve

For Next.js

# Navigate to frontend directory that holds next.js code
$ cd frontend

# Install dependencies
$ npm install

# Served at http://localhost:3000
$ npm run dev

For detailed instructions, read the blog.

Tech Stack

• Next - Frontend
• Laravel - Backend
• Ably - Realtime Messaging API

Authors

• Ravgeet Dhillon

Extra

• You are welcome to make issues and feature requests.
• In case you get stuck somewhere, feel free to contact me via Mail.