Riven Frontend

The riven frontend app.

Features

• Next.js 15 (Stable)
• React 19 (Stable)
• TypeScript 5
• ESLint 9
• Prettier 3
• Tailwind CSS 4
• App Directory
• Light & Dark Mode
• Next.js Bundle Analyzer
• Dockerfile with Node.js 22.13.1 (Alpine)

Roadmap

• Improve the Tooltip UI component by making it more responsive.
• Complete the Navbar component and incorporate search functionality into it.
• Complete the color palette of the design system
• Complete the /dashboard route and sub routes

Overview

• src/app/* - Static pages.

Getting Started

Prerequisites

• Node.js: Version 20.18.0 or higher
• Docker: For containerized deployment (optional but recommended)

Installation

1. Clone the Repository:

   git clone https://github.com/rivenmedia/forge.git
   cd forge

2. Install Dependencies:

   bun install

3. Run Development Server:

   bun dev

4. Build for Production:

   bun build

🐳 Docker Setup

To use Docker, make sure Docker is installed on your machine. Then, build and run the Docker container:

docker build -t forge .
docker run -p 3000:3000 forge

Development Environment

ESLint Plugins

• @eslint/js
• typescript-eslint
• eslint-plugin-react
• @next/eslint-plugin-next
• eslint-config-prettier
• eslint-plugin-tailwindcss
• eslint-plugin-import
• eslint-plugin-promise

Prettier Plugins

• @trivago/prettier-plugin-sort-imports
• prettier-plugin-tailwindcss

VS Code Extensions (Recommended)

To enhance development experience, install the following VS Code extensions:

• Auto Close Tag
• Better Comments
• DotENV
• EditorConfig for VS Code
• ESLint
• formate: CSS/LESS/SCSS formatter
• Git History
• Import Cost
• JavaScript Booster
• npm Intellisense
• Prettier - Code formatter
• Todo Tree
• Turbo Console Log
• Package Json Upgrade
• Visual Studio Code Commitizen Support
• Markdown All in One