Skip to content

Architecture

Jeffrey Yao edited this page May 16, 2022 · 2 revisions

CSESoc Learn is architected with simplicity and developer experience in mind.

  • Simplicity: The less moving parts there are, the less that can go wrong.
  • DX: The better the development experience is, the faster team members can ship new features and learn.

  • Framework: Next.js
  • Content: MDX + Contentlayer
  • Language: TypeScript
  • Styling: Stitches
  • Miscallaneous: Stork (search), Radix Primitives (design system), Phosphor Icons

CSESoc Learn

Overview

Process

  • Values
  • Introduction to Git
  • Git workflow
  • Working with Contentlayer
  • Styling with Stitches

Design System

  • Introduction
  • Cheatsheet
  • Components
    • Box
    • Button
    • Card
    • Flex
    • Icon Button
    • Logo
    • Tag
    • Text
    • Version Badge
Clone this wiki locally