This is the client-side of a real-time chat application built using Next.js, bootstrapped with create-next-app. The project is designed to enable seamless and efficient communication with real-time updates.
To run the client-side of this project, follow these steps:
- Clone the repository:
git clone https://github.com/jmrashed/chat-frontend.git
cd chat-frontend- Install dependencies:
npm install
# or
yarn install
# or
pnpm install- Run the development server:
npm run dev
# or
yarn dev
# or
npm dev
# or
bun dev- Open http://localhost:3000 in your browser to view the application.
You can start editing the UI by modifying app/page.tsx. The page will automatically update as you make changes.
- Real-Time Communication: The chat application allows users to communicate in real time.
- Optimized Performance: Leveraging Next.js features, the application is optimized for performance and responsiveness.
- Custom Fonts: The application uses the
next/fontutility to optimize and load the Geist font family for a modern and clean UI.
To get more details on the tools and technologies used in this project, take a look at these resources:
- Next.js Documentation - Learn about Next.js features and API.
- Learn Next.js - An interactive tutorial for learning Next.js.
You can also check out the Next.js GitHub repository to contribute or provide feedback.
To deploy the client-side of this chat application, you can use the Vercel Platform, which is optimized for Next.js applications.
For detailed instructions, refer to the Next.js deployment documentation.
Here are some screenshots of the project:
