networking-app-next Tailwind Templates

Networking App Next

This project features the frontend for a microservices architecture, built using React, Next.js 14 App Router, Tailwind CSS, and i18next. This frontend interacts with the backend microservices through the API Gateway.

Frontend for Microservices Architecture Project

This project features the frontend for a microservices architecture, built using React, Next.js 14 App Router, Tailwind CSS, and i18next. This frontend interacts with the backend microservices through the API Gateway.

Table of Contents

Overview

The frontend part of this project is built to provide a user-friendly interface for interacting with the various microservices. It supports internationalization and responsive design.

Technologies

  • React:
  • Next.js 14 App Router
  • Tailwind CSS
  • shadcn/ui
  • i18next

Setup

Follow these steps to set up the frontend locally.

Prerequisites

  • Node.js
  • npm or yarn

Steps

  1. Clone the repository:
    git clone https://github.com/akifzdemir/networking-app-next.git
    
  2. Navigate to the frontend directory:
    cd networking-app-next
    
  3. Install dependencies:
    npm install
    
    or
    yarn install
    
  4. Start the development server:
    npm run dev
    
    or
    yarn dev
    

Usage

  • Once the development server is running, you can access the frontend application through your web browser at http://localhost:3000.
  • The frontend will communicate with the backend microservices via the API Gateway.

Screenshots

Here are some screenshots of the frontend application:

Login Page

Posts Page

User Profile

Job List

Messages

Top categories

Loading Svelte Themes