satus

satus copied to clipboard

Introduction

Satūs means start, beginning, planting, it's a set of tools we use as a template when starting a new project.

Composition

This starter kit is composed of:

• Next.js App router
• react-three-fiber
• Lenis
• Theatre.js
• GSAP
• Hamo
• Storyblok
• Shopify
• SVG import through @svgr/webpack
• Sass architecture and tooling:
  • Config file
  • Viewport based sizes
  • Reset
  • Easings
  • Themes
• Debug tools:
  • Theatre.js Studio
  • FPS Meter
  • Grid Debugger
• Github workflow to display lighthouse report on slack: make sure you update the vercel_project_id in .github/workflows/lighthouse-on-vercel-preview-url.yml to your Vercel project id.

Debug

To toggle debug modes you need to access the page /debug/orchestra.

example: https://satus.darkroom.engineering/debug/orchestra

Authors

This set of hooks is curated and maintained by the darkroom.engineering team:

• Clément Roche (@clementroche_) – darkroom.engineering
• Guido Fier (@uido15) – darkroom.engineering
• Leandro Soengas (@lsoengas) - darkroom.engineering
• Franco Arza (@arzafran) - darkroom.engineering

License

The MIT License.