Skip to content

breqdev/breq.dev

Repository files navigation

hey, i'm brooke, and this is my website.

if you're just here to browse, you'll have a much better experience over on breq.dev.

but i've opened this up to let you peek into the internals if you'd like. look at my use of nextjs plugins, skim through how i manage tags, glance through how i made that 3D scrolling effect, or understand how i theme the code snippets. or, you could always spoil the easter egg for yourself. nobody's gonna know you cheated but you.

stack details

  • react + nextjs (primary framework)
  • mdx (content)
  • font awesome (icons)
  • three.js + react-three-fiber (3d animation)
  • katex + remark-math + rehype-katex (math typesetting)
  • postcss + tailwind (styling)
  • javascript-terminal + react-terminal-component (easter egg)
  • lite-youtube-embed + react-twitter-notrack* (embeds)
  • remark-abcjs* (music typesetting)
  • swr (data fetching)
  • prismjs + prism-react-renderer (code styling)

* denotes my own packages

model attribution

a few 3D models in this page were made by some fine folks on GrabCAD.

structure

content on the site is structured into the following categories:

license

mpl 2.0 for code, cc-by-nc-sa 4.0 for content.

made with <3 by breq.