Skip to content

Hackthletes-APU/chat-application

Repository files navigation

🚀 Next.js Chat App Workshop

📌 Prerequisites

Before we start, ensure you have the following installed:

  1. Node.js - Required for running Next.js
  2. Git - To clone the project repository
  3. VS Code - Recommended code editor
  4. PocketBase - Lightweight backend (Download & extract)

🛠️ Getting Started

1. Fork & Clone the Repository

  1. Click Fork → Copy your forked repo URL.

  2. Go to GitHub Repository

  3. Open a terminal and run:

    git clone <your-forked-repo-url>
    cd chat-application
    npm install
    

2. Run Next.js Locally

Start the Next.js development server:

npm run dev

✅ Open http://localhost:3000/ to check if it’s running.

3. Set Up PocketBase

Open a terminal in the PocketBase (backend) folder and run:

 ./pocketbase serve

Open http://127.0.0.1:8090 in your browser.

4. Import Database Schema

In the PocketBase Admin Panel, go to Settings > Import Collection.

Upload the pb_schema.json file from this repo.

Confirm the collections (users, messages, replies) are successfully imported.

5. Run the Chat App

Open http://localhost:3000.

Log in using your test account.

Send messages and see real-time updates! 🎉

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published