{"id":26199601,"url":"https://github.com/mariangle/slat-cc","last_synced_at":"2025-03-12T02:59:26.429Z","repository":{"id":279507150,"uuid":"926195960","full_name":"mariangle/slat-cc","owner":"mariangle","description":"Techical overview of slat.cc","archived":false,"fork":false,"pushed_at":"2025-02-25T22:51:50.000Z","size":0,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-25T23:31:40.911Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mariangle.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-02T19:19:52.000Z","updated_at":"2025-02-25T22:56:56.000Z","dependencies_parsed_at":"2025-02-25T23:41:48.216Z","dependency_job_id":null,"html_url":"https://github.com/mariangle/slat-cc","commit_stats":null,"previous_names":["mariangle/slat-cc"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mariangle%2Fslat-cc","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mariangle%2Fslat-cc/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mariangle%2Fslat-cc/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mariangle%2Fslat-cc/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mariangle","download_url":"https://codeload.github.com/mariangle/slat-cc/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243147074,"owners_count":20243746,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-12T02:59:25.915Z","updated_at":"2025-03-12T02:59:26.417Z","avatar_url":"https://github.com/mariangle.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![image](https://github.com/user-attachments/assets/22fbdb42-f2cb-4324-8d61-39435530997d)\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://slat.cc/\"\u003e\n    \u003ch1 align=\"center\"\u003eslat.cc\u003c/h1\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\nSlat.cc is a feature-rich link-in-bio tool with over 70,000 users, that I’ve personally developed and designed.\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.linkedin.com/in/maria-nguyen-le\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-MariaLe-blue?style=plastic-square\u0026logo=Linkedin\u0026logoColor=white\u0026link=https://www.linkedin.com/in/maria-nguyen-le/\" alt=\"LinkedIn\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\u003cbr/\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#introduction\"\u003eAbout The Project\u003c/a\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#techstack\"\u003eGetting Started\u003c/a\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#features-technical\"\u003eFeatures\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#project-structure\"\u003eProject Structure\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\n\n\u003chr /\u003e\n\n## Introduction\n\nIn this repository, you'll find **snippets of code** from my development of Slat.cc inside the `/snippets` folder.  \nAdditionally, the `/images` folder contains **actual screenshots** of various pages, features and UI elements of the platform.\n\nFurther down, you can explore the **actual (or nearly complete) folder structure** of the project.\n\n## Techstack\n\n- nextjs 15 - framework\n- typescript - language\n- tailwindcss - css\n- mysql - database\n- drizzle - orm\n- zustand - global state management\n- zod - validation\n- mailersend - emails\n- stripe - payments\n- vitest - tests\n\n## Features (technical)\n\n- server-side rendering (SSR)\n- static site genetation (SSG)\n- incremental static regeneration (ISR)\n- dynamic generated opengraph images\n- discord webhooks\n- rich text editor\n- advanced effects/animations created with canvas\n- media proxy (cors)\n- file uploading\n- integrations and embeds with spotify, discord, soundcloud, roblox, yt, twitch, steam\n- reordering links, widgets, badges etc.\n- promise toasts\n- debounced auto save forms\n- metadata customization\n- google fonts integration\n- analytics (top links, total and unique views, audience geo)\n- discord linking (oauth)\n- admin dashboard for user management and editing articles\n- integrates with deezer api for custom music player widget\n- live biolink preview (zustand)\n- audio visualizer (analyzes and visualizes audio frequency)\n- responsive modals (native drawers for mobile and dialog for desktop)\n\nFor all features, go to [docs](https://slat.cc/docs)\n\n## Project Structure\n\n```\n  ├── app\n  │   ├── (casino)\n  │   ├── (dashboard)\n  │   ├── (docs)/docs\n  │   │   └── [[...slug]]\n  │   ├── (profiles)\n  │   ├── (website)\n  │   │   ├── (auth)\n  │   │   ├── (marketing)\n  │   │   └── (onboarding)\n  │   │       ├── layout.tsx\n  │   │       └── template.tsx\n  │   ├── api\n  │   ├── error.tsx\n  │   ├── not-found.tsx\n  │   ├── providers.tsx\n  │   ├── manifest.ts\n  │   ├── robots.ts\n  │   ├── sitemap.ts\n  │   └── ...\n  ├── components\n  │   ├── biolink\n  │   ├── casino\n  │   ├── core\n  │   ├── editor\n  │   ├── layout\n  │   ├── form\n  │   └── email\n  ├── hooks\n  ├── utils\n  │   ├── functions\n  │   ├── validations\n  │   ├── constants\n  │   └── index.ts\n  ├── lib\n  │   ├── application\n  │   │   ├── metadata\n  │   │   ├── tracks\n  │   │   ├── widgets\n  │   │   ├── analytics\n  │   │   │   ├── actions\n  │   │   │   ├── constants.ts\n  │   │   │   ├── format.ts\n  │   │   │   ├── types.ts\n  │   │   │   └── utils.ts\n  │   │   ├── orders\n  │   │   ├── templates\n  │   │   └── ...\n  │   ├── auth\n  │   ├── stores\n  │   ├── drizzle\n  │   ├── services\n  │   ├── drizzle\n  │   ├── zod\n  │   ├── webhook.ts\n  │   ├── email.ts\n  │   ├── database.ts\n  │   ├── api.ts\n  │   ├── stripe.ts\n  │   └── ...\n  ├── public\n  ├── tests/casino\n  └── ...\n```\n\n### Showcase (old)\n\nSmall showcase of some features such as tilting card, audio visualizer and thunder effect.\n\nhttps://github.com/user-attachments/assets/250a19aa-0b7a-48ed-9dfb-a129b6cf737f\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmariangle%2Fslat-cc","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmariangle%2Fslat-cc","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmariangle%2Fslat-cc/lists"}