Loading repository data…
Loading repository data…
SlipBey / repository
SlipBey’s personal website — a modern portfolio built with Next.js, TypeScript, Tailwind, glass-ice UI and Framer Motion animations. Clean architecture, fast UI, and a fully custom design system.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
A modern, animated, multi‑language personal website built with Next.js 16Q, React 19, and the custom Glass‑Ice design system.
Showcases projects, apps, music, YouTube content, and social presence under the SlipBey brand.
🔗 Live Site: https://slip.slipyme.com
🧠 Public API: https://api.slipyme.com
💾 API Repository: https://github.com/slipbey/slipyme-api
| Layer | Technology |
|---|---|
| Framework | Next.js 16 (App Router) |
| Language | TypeScript |
| Styling | Tailwind v4 + SCSS + Glass‑Ice theme |
| Animations | Framer Motion |
| Icons | React‑Icons |
| Theme | next‑themes |
| i18n | Custom JSON dict + provider |
| API | Slipyme API (api.slipyme.com) |
| HTTP | Axios |
| Hosting | Vercel / Node |
git clone https://github.com/SlipBey/mywebpage.git
cd mywebpage
npm install
npm run dev
Create a .env file:
NEXT_PUBLIC_API_KEY=your_api_key_here
GITHUB_TOKEN=optional_for_github_feed
src/
├── app/
│ ├── page.tsx → Home
│ ├── about/ → About
│ ├── projects/ → Projects + Detail
│ ├── apps/ → Apps grid + runner
│ ├── works/ → Music + YouTube
│ ├── contact/ → Contact
│ ├── api/github/repos/ → GitHub feed proxy
│ ├── layout.tsx → Global layout + AppShell
│ └── not-found.tsx → 404
├── components/
│ ├── layout/ → Navbar, Footer, SlidingPill, AppShell
│ ├── ui/ → Buttons, SectionTitle, AnimatedSection
│ └── LightboxProvider.tsx
├── features/
│ ├── home/ → Hero, ProjectsPreview, AppsPreview
│ ├── about/ → Vision, Domains, Timeline, Highlights
│ ├── projects/ → Grid + Detail UI
│ ├── apps/ → Registry + AppRunner
│ ├── works/ → Spotify + YouTube
│ └── contact/ → Form + Info
├── lib/
│ ├── seo.ts → Metadata builder
│ ├── api.ts → Axios instance
│ ├── animations.ts → Framer variants
│ ├── dict.ts → I18n dict flattener
│ └── i18n/ → Providers & helpers
├── i18n/
│ ├── tr.ts
│ └── en.ts
└── styles/
├── index.scss
├── tetris.scss
└── globals
Used in Works page.
Dynamic thumbnails + view counts.
All rights reserved © 2025 — SlipBey Unauthorized copying, modification, or distribution is prohibited.