sideshift-the-ugc-engine — Vite SaaS模板

SHA-256: e1e8c7dcf2ac03652d1bdb6da5e2973316c6b15d7679a2f7f43ab5bb6a2ae975

2026-10-17T20:18:13.728Z

# SideShift: The UGC Engine

Bold open-source React landing page for UGC platforms, creator networks, and campaign operations products.

[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
[![React](https://img.shields.io/badge/React-19-61dafb.svg)](https://react.dev/)
[![Vite](https://img.shields.io/badge/Vite-6-646cff.svg)](https://vite.dev/)
[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-4-38bdf8.svg)](https://tailwindcss.com/)

SideShift ships a loud, editorial landing page built for products that sit somewhere between creator marketplace, UGC operating system, and campaign launch platform. The repo is frontend-only and intentionally simple to fork: one Vite app, one page, and a small component set that can be rebranded quickly.

## Features

- High-contrast, brutalist landing page with motion, modular sections, and responsive layout.
- Built-in sections for hero messaging, feature framing, workflow steps, proof, FAQ, and closing CTA.
- Bun-first developer workflow with a lightweight TypeScript verification step.
- Easy brand customization through shared tokens in [`src/index.css`](/D:/FRONTEND/REACT/sideshift-the-ugc-engine/src/index.css).

## Stack

- React 19
- TypeScript
- Vite 6
- Tailwind CSS 4
- Motion
- Bun

## Quick Start

```bash
git clone [email protected]:bymilon/sideshift-the-ugc-engine.git
cd sideshift-the-ugc-engine
bun install
bun run dev
```

The app runs locally at `http://localhost:3000`.

## Scripts

```bash
bun run dev
bun run build
bun run preview
bun run lint
bun run clean
```

## Project Structure

```txt
src/
  App.tsx
  index.css
  components/
    Navbar.tsx
    Hero.tsx
    Logos.tsx
    Features.tsx
    Stats.tsx
    Testimonials.tsx
    Workflow.tsx
    FAQ.tsx
    CTA.tsx
    Footer.tsx
.github/
  workflows/ci.yml
  ISSUE_TEMPLATE/
TODO.md
```

## Customization

- Update section copy and calls to action in [src/components/Hero.tsx](/D:/FRONTEND/REACT/sideshift-the-ugc-engine/src/components/Hero.tsx), [src/components/CTA.tsx](/D:/FRONTEND/REACT/sideshift-the-ugc-engine/src/components/CTA.tsx), and [src/components/FAQ.tsx](/D:/FRONTEND/REACT/sideshift-the-ugc-engine/src/components/FAQ.tsx).
- Swap image treatment and proof content in [src/components/Features.tsx](/D:/FRONTEND/REACT/sideshift-the-ugc-engine/src/components/Features.tsx) and [src/components/Testimonials.tsx](/D:/FRONTEND/REACT/sideshift-the-ugc-engine/src/components/Testimonials.tsx).
- Re-theme typography, colors, spacing, and focus styles in [src/index.css](/D:/FRONTEND/REACT/sideshift-the-ugc-engine/src/index.css).
- Rewire section anchors and footer destinations in [src/components/Navbar.tsx](/D:/FRONTEND/REACT/sideshift-the-ugc-engine/src/components/Navbar.tsx) and [src/components/Footer.tsx](/D:/FRONTEND/REACT/sideshift-the-ugc-engine/src/components/Footer.tsx).

## Deployment

This app builds to static assets, so it fits cleanly on Vercel, Netlify, Cloudflare Pages, GitHub Pages, or any other static host that can serve the Vite `dist/` folder.

```bash
bun run build
```

## Roadmap

The active backlog lives in [TODO.md](TODO.md). It tracks release foundation work, community files, accessibility, performance, deployment, and product-scope follow-ups.

## Contributing

See [CONTRIBUTING.md](CONTRIBUTING.md) for setup, validation, and pull request expectations.

## Security

Please report vulnerabilities through the process in [SECURITY.md](SECURITY.md), not via public issues.

## License

MIT. See [LICENSE](LICENSE).