Skip to content

Latest commit

 

History

History
67 lines (50 loc) · 2.53 KB

README.md

File metadata and controls

67 lines (50 loc) · 2.53 KB

Frontend

Frontend part contains basic infastructure for POC your ideas.

You can find there three builded pages

  1. MainPage
  2. PlaygroundPage
  3. ChatPage

MainPage empty and it open for great description your solution. PlaygroundPage provide ui with ModelSettings, SystemMessage and Chat. Builded for testing ideas with different settings and make it on the go just from the frontend. ChatPage this layout as a starting point for presenting chat-based solutions. b/w theme button in the lower left part of the screen.

Tools used

  • Next.js: React framework for production-ready applications
  • Tailwind CSS: Utility-first CSS framework
  • shadcn/ui: Beautifully designed components built with Radix UI and Tailwind CSS
  • Vercel AI SDK: AI-powered features integration (chat)

Structure

root/
├── src/
│   ├── app/
│   ├── shared/
│   └── widgets/
├── .env.example
├── components.json
├── Makefile
├── package-lock.json
├── package.json
├── postcss.config.mjs
├── README.md
├── tailwind.config.js
└── tsconfig.json

Makefile Commands

These commands help automate common tasks related to building and maintaining the frontend application.

make install: Install npm dependencies required for the project.

make dev: Install dependencies and start the development server.

Open http://localhost:3000 with your browser to see the result.

make build: Install dependencies and build the project for production.

make updates: Check for updates to npm packages and updates them if necessary.

make clean: Clean up temporary files and directories, such as .next and node_modules.

Deployment

  1. Make sure your project don't have any issues after make build
  2. Go to -> vercel -> log in with GitHub (then it show all your repositories ready for deploy)
  3. Click -> Add New... -> Project -> Import Git Repository
  4. Configure Project -> Root Directory -> CLick Edit -> Choose frontend folder (with Next logo) -> Continue
  5. Click Deploy
  6. If there no issues with project, you will see link for your project!
  7. If there issues -> Build Logs -> Read them -> Debug!

CI/CD

  1. When you commit to main -> your project automatically deployed with fresh updates.