https://github.com/mariangle/slat-cc
Techical overview of slat.cc
https://github.com/mariangle/slat-cc
Last synced: over 1 year ago
JSON representation
Techical overview of slat.cc
- Host: GitHub
- URL: https://github.com/mariangle/slat-cc
- Owner: mariangle
- Created: 2025-02-02T19:19:52.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-25T22:51:50.000Z (over 1 year ago)
- Last Synced: 2025-02-25T23:31:40.911Z (over 1 year ago)
- Language: TypeScript
- Homepage:
- Size: 0 Bytes
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Slat.cc is a feature-rich link-in-bio tool with over 70,000 users, that I’ve personally developed and designed.
Table of Contents
## Introduction
In this repository, you'll find **snippets of code** from my development of Slat.cc inside the `/snippets` folder.
Additionally, the `/images` folder contains **actual screenshots** of various pages, features and UI elements of the platform.
Further down, you can explore the **actual (or nearly complete) folder structure** of the project.
## Techstack
- nextjs 15 - framework
- typescript - language
- tailwindcss - css
- mysql - database
- drizzle - orm
- zustand - global state management
- zod - validation
- mailersend - emails
- stripe - payments
- vitest - tests
## Features (technical)
- server-side rendering (SSR)
- static site genetation (SSG)
- incremental static regeneration (ISR)
- dynamic generated opengraph images
- discord webhooks
- rich text editor
- advanced effects/animations created with canvas
- media proxy (cors)
- file uploading
- integrations and embeds with spotify, discord, soundcloud, roblox, yt, twitch, steam
- reordering links, widgets, badges etc.
- promise toasts
- debounced auto save forms
- metadata customization
- google fonts integration
- analytics (top links, total and unique views, audience geo)
- discord linking (oauth)
- admin dashboard for user management and editing articles
- integrates with deezer api for custom music player widget
- live biolink preview (zustand)
- audio visualizer (analyzes and visualizes audio frequency)
- responsive modals (native drawers for mobile and dialog for desktop)
For all features, go to [docs](https://slat.cc/docs)
## Project Structure
```
├── app
│ ├── (casino)
│ ├── (dashboard)
│ ├── (docs)/docs
│ │ └── [[...slug]]
│ ├── (profiles)
│ ├── (website)
│ │ ├── (auth)
│ │ ├── (marketing)
│ │ └── (onboarding)
│ │ ├── layout.tsx
│ │ └── template.tsx
│ ├── api
│ ├── error.tsx
│ ├── not-found.tsx
│ ├── providers.tsx
│ ├── manifest.ts
│ ├── robots.ts
│ ├── sitemap.ts
│ └── ...
├── components
│ ├── biolink
│ ├── casino
│ ├── core
│ ├── editor
│ ├── layout
│ ├── form
│ └── email
├── hooks
├── utils
│ ├── functions
│ ├── validations
│ ├── constants
│ └── index.ts
├── lib
│ ├── application
│ │ ├── metadata
│ │ ├── tracks
│ │ ├── widgets
│ │ ├── analytics
│ │ │ ├── actions
│ │ │ ├── constants.ts
│ │ │ ├── format.ts
│ │ │ ├── types.ts
│ │ │ └── utils.ts
│ │ ├── orders
│ │ ├── templates
│ │ └── ...
│ ├── auth
│ ├── stores
│ ├── drizzle
│ ├── services
│ ├── drizzle
│ ├── zod
│ ├── webhook.ts
│ ├── email.ts
│ ├── database.ts
│ ├── api.ts
│ ├── stripe.ts
│ └── ...
├── public
├── tests/casino
└── ...
```
### Showcase (old)
Small showcase of some features such as tilting card, audio visualizer and thunder effect.
https://github.com/user-attachments/assets/250a19aa-0b7a-48ed-9dfb-a129b6cf737f