Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kryptonum-dev/kryptonum

💚 Kryptonum - Crafting Digital Excellence. High-performance website built with Astro, Sanity, and TurboPack in monorepo architecture. Features 45+ custom sections, privacy-focused analytics, and exceptional accessibility. Includes a custom link-sharing platform and comprehensive content management system.
https://github.com/kryptonum-dev/kryptonum

astro astrojs core-web-vitals jamstack mux performance portable-text preact react-hook-form responsive sanity sanity-io scss seo turborepo typescript vercel

Last synced: about 1 month ago
JSON representation

💚 Kryptonum - Crafting Digital Excellence. High-performance website built with Astro, Sanity, and TurboPack in monorepo architecture. Features 45+ custom sections, privacy-focused analytics, and exceptional accessibility. Includes a custom link-sharing platform and comprehensive content management system.

Awesome Lists containing this project

README 

        
# 🚀 Kryptonum Website



## Project Overview

The official website for Kryptonum - a digital agency crafting high-performance, accessible, and beautiful web experiences. We focus on delivering exceptional results through modern technologies and thoughtful design.



## Tech Stack

- **[Astro](https://astro.build)**: Core framework for building lightning-fast websites

- **[Sanity.io](https://sanity.io)**: Headless CMS for flexible content management

- **[TurboPack](https://turbo.build)**: High-performance build system in monorepo architecture

- **[TypeScript](https://www.typescriptlang.org)**: End-to-end type safety

- **[SCSS](https://sass-lang.com)**: Advanced styling with modular architecture

- **[Preact](https://preactjs.com)**: Lightweight alternative to React, used with react-hook-form

- **[Bun](https://bun.sh)**: Modern JavaScript runtime and package manager

- **[Fathom](https://usefathom.com)**: Privacy-focused analytics



## Project Structure

- `apps/astro`: Main website application

- `apps/sanity`: Content management system

- `apps/links`: Simple, custom-built website for sharing all our important links in one place

- `packages/ui`: UI reusable elements, like buttons

- `packages/shared`: Shared elements, like constants, layouts etc.

- `packages/utils`: Utility functions and helpers



## Features

### 🎨 Rich Component Library

45+ custom-built sections with multiple variants, easily managed through Sanity Studio. Drag-and-drop functionality allows quick reorganization of content without touching code.



### 🎯 Performance Focused

Optimized assets, lazy loading, and minimal JavaScript ensure exceptional loading times and high Core Web Vitals scores.



### ♿ Accessibility First

Built with ARIA compliance, semantic HTML, and thoughtful keyboard navigation to ensure a great experience for all users.



### 📊 Privacy-Focused Analytics

Using Fathom Analytics for GDPR-compliant, anonymized visitor tracking.



### 🔍 SEO Optimized

Comprehensive meta tags and structured data implementation for maximum visibility.



## Showcase

### CSS & SVG Animations

*This animation demonstrates our attention to detail and performance-first approach. Created purely with CSS and SVGs, JavaScript is only used to trigger the animation when the section enters the viewport. This approach ensures smooth performance while maintaining engaging visual effects.*



### Content Management Flow

*Experience the seamless integration between our CMS and website. This showcase demonstrates how easily content can be managed in Sanity Studio, with previews and almost instant updates reflecting on the live site. Watch how our 45+ custom sections can be arranged, customized, and published with just a few clicks.*



## Why This Approach



### Performance & User Experience

Our stack is carefully chosen to deliver blazing-fast performance. Astro's partial hydration ensures JavaScript is loaded only when needed, while automated image optimization keeps page weights low.



### Developer Experience

TurboPack monorepo architecture provides consistent tooling and faster builds. TypeScript ensures type safety across the entire codebase, while Sanity Studio enables flexible content management with real-time previews.



### Business Benefits

- Scalable architecture that's easy to maintain and extend

- Content team independence through intuitive CMS

- Consistently high performance metrics

- Built-in SEO best practices



## Authors

- [@milewskibogumil](https://github.com/milewskibogumil)