Skip to content

πŸ’š 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.

Notifications You must be signed in to change notification settings

kryptonum-dev/kryptonum

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸš€ 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: Core framework for building lightning-fast websites
  • Sanity.io: Headless CMS for flexible content management
  • TurboPack: High-performance build system in monorepo architecture
  • TypeScript: End-to-end type safety
  • SCSS: Advanced styling with modular architecture
  • Preact: Lightweight alternative to React, used with react-hook-form
  • Bun: Modern JavaScript runtime and package manager
  • Fathom: 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.

kryptonum-showcase-svg-and-css-animation.mp4

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.

kryptonum-sanity-astro-flow-showcase.mp4

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

About

πŸ’š 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.

Topics

Resources

Stars

Watchers

Forks