Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ravgeetdhillon/chat-app-nextjs-laravel-ably
A Real time chat app made in Next.js, Laravel and Ably.
https://github.com/ravgeetdhillon/chat-app-nextjs-laravel-ably
ably javascript laravel nextjs php reactjs sockets
Last synced: about 1 month ago
JSON representation
A Real time chat app made in Next.js, Laravel and Ably.
- Host: GitHub
- URL: https://github.com/ravgeetdhillon/chat-app-nextjs-laravel-ably
- Owner: ravgeetdhillon
- License: mit
- Created: 2022-02-06T09:43:40.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-07-11T07:51:21.000Z (over 2 years ago)
- Last Synced: 2024-05-02T03:15:42.916Z (8 months ago)
- Topics: ably, javascript, laravel, nextjs, php, reactjs, sockets
- Language: PHP
- Homepage:
- Size: 332 KB
- Stars: 19
- Watchers: 3
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://opensource.org/licenses/MIT)
# Chat App with Next.js, Laravel and Ably
This repository serves as a code container for the tutorial I wrote on [Ably's Blog](https://www.ravgeet.in/blog/building-a-realtime-chat-app-with-react-laravel-and-websockets).
> 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](https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-20-04)
- PHP [Read Guide](https://www.digitalocean.com/community/tutorials/how-to-install-linux-apache-mysql-php-lamp-stack-on-ubuntu-20-04)
## Getting Started
Follow these instructions to get the project up and running.
```bash
# 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
```bash
# 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
```bash
# 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](https://www.ravgeet.in/blog/building-a-realtime-chat-app-with-react-laravel-and-websockets).
## Tech Stack
* [Next](https://nextjs.org) - Frontend
* [Laravel](https://laravel.com) - Backend
* [Ably](https://ably.com) - Realtime Messaging API
## Authors
- [Ravgeet Dhillon](https://github.com/ravgeetdhillon)
## Extra
- You are welcome to make [issues and feature requests](https://github.com/ravgeetdhillon/chat-app-nextjs-laravel-ably/issues).
- In case you get stuck somewhere, feel free to contact me via [Mail](mailto:[email protected]).