Skip to content
BranchesTags

Repository files navigation

Asian Reels

Asian Reels — Your Gateway to Asian Movies & Dramas.

Asian Reels is a modern entertainment platform delivering reviews, news, and feature articles about Asian movies and dramas. Covering K-dramas, J-dramas, C-dramas, Bollywood, anime, and more — your ultimate destination for Asian entertainment content. Configuration is driven by contents/site-settings.json.

Features

  • Articles, reviews, and feature stories about Asian movies and dramas
  • Predefined categories (K-Drama, J-Drama, C-Drama, Thai Drama, Movies, Bollywood, Anime, Reviews, News, Actors & Idols, Lists & Guides, Opinion)
  • SEO-friendly dynamic sitemap.xml, robots.txt, and meta tags
  • PWA support and automatic icon generation
  • Uses contents/site-settings.json for site title, description, categories and contact info

Quick Start

Prerequisites

  • Node.js 14+ and npm/yarn

Installation

  1. Clone the repository
git clone https://github.com/BackSuit/AsianReels.git
cd AsianReels
  1. Install dependencies
npm install
# or
yarn install
  1. Configure the site

Edit contents/site-settings.json (site name, description, base URL, categories, contact info).

  1. Generate icons
npm run generate-icons
  1. Run the development server
npm run dev

Open http://localhost:3000

Configuration

Primary config: contents/site-settings.json.

What it controls:

  • Site name, title and description
  • base_url used in sitemaps and robots
  • Predefined categories and navbar groups
  • Contact info and social handles (displayed only if present)

Backend & Data

This frontend uses Backsuit (https://backsuit.com) as the primary backend API provider. The backend handles data storage and all database responsibilities.

Security: Tenant / API keys

The tenant identifier / API key is a secret value and should NOT be exposed in client-side public environment variables. Store it server-side (e.g., BACKEND_TENANT_ID or similar) and never commit it to the repo or place it under NEXT_PUBLIC_*.

Contact & Social

Contact details are taken from contents/site-settings.json and shown here only when provided.

If a social field is empty in site-settings.json, it will be omitted from the site output.

Scripts

npm run dev            # Start development server
npm run build          # Build for production
npm run start          # Start production server
npm run generate-icons # Generate favicons and PWA icons

Notes

  • Update contents/site-settings.json to change site text, categories or contact info.

  • The README was updated to reflect contents/site-settings.json values and to remove outdated "Pretty Long" references.

  • Database: handled by Backsuit backend (no MongoDB required here).

  • Support & Services: This project uses Backsuit (https://backsuit.com) as the main API provider — visit and register at Backsuit for a free account and API access.

  • Tenant/API keys: keep them server-side; do not expose via NEXT_PUBLIC_* env vars.

If you'd like I can also update other docs (API_DOCUMENTATION.md) or remove any stale references elsewhere.

Deploying to Vercel

This project includes vercel.json and a small vercel-build.sh script, so it can be imported directly into Vercel with no additional configuration.

Quick steps:

  • Fork this repository on GitHub
  • Open your Vercel dashboard and click Add New > Project
  • Choose the forked repo and click Import
  • After import, open Project Settings > Environment Variables and add the required variables (NEXT_PUBLIC_API_URL, TENANT_ID, NEXT_AUTH_SECRET) one-by-one or import your .env file directly
  • Deploy — the default build and start commands are used (npm run build, npm run start)

Works with other Node.js hosts as well.

Build command: npm run build
Start command: npm run start

🔒 Environment Variables (Required)

Set the minimal required variables to connect this frontend to a backend (e.g. Backsuit).

# Public backend API base URL (used client-side for OAuth redirects)
NEXT_PUBLIC_API_URL=https://api.yourbackend.com

# Tenant identifier (server-side only — do NOT expose with NEXT_PUBLIC_)
TENANT_ID=your-tenant-id

# NextAuth secret used to sign/encrypt session tokens
NEXT_AUTH_SECRET=generate-with-openssl-rand-base64-32

Quick start: sign up at https://backsuit.com, obtain your API base URL and tenant id, set the three variables above, then build & deploy. This connects the UI to the backend and lets you demonstrate the full product experience to potential customers.

📖 Documentation

  • API_DOCUMENTATION.md - Complete API reference
  • Check inline comments in code for detailed explanations
  • Component props are documented with JSDoc

🤝 Support & Services

Backend API (Backsuit)

This frontend uses Backsuit (https://backsuit.com) as the primary backend API provider. Backsuit handles storage, multi-tenant features and content APIs — visit and register at Backsuit for a free account and API access.

Contact & registration:

Services / Notes:

  • Backend API, storage and multi-tenant features provided by Backsuit
  • Deployment and support options depend on your Backsuit plan

Collaboration

📱 Social Media

📝 License

This project is licensed under the terms specified in the LICENSE file.

🙏 Credits

Built with:

Made with ❤️ by the Pet Life Store team

Transform your pet shopping experience today!

About

Asian Reels is a NextJS based modern entertainment platform delivering reviews, news, and feature articles about Asian movies and dramas. Covering K-dramas, J-dramas, C-dramas, Bollywood, anime, and more

asianreels.com/

Topics

asianasian-dramaasian-movie-appk-dramak-popnextjs

Resources

Readme
MIT license
Activity
Custom properties

Stars

2 stars

Watchers

0 watching

Forks

1 fork
Report repository

Releases

Packages

Contributors

Languages