Under the Hood: How Binary Seek is Built
Binary Seek
Binary Seek is the corporate website and digital interface of SASU Binary Seek, an IT consulting firm founded by Junyang HE.
This platform highlights the company’s expertise in Enterprise Architecture (Java/AEM) and Modern Cloud Solutions, while serving as a knowledge hub for engineering practices.
🔗 Live Website: https://binaryseek.net
🚀 Tech Stack
Built with a focus on high performance and modern tooling:
- Framework: Astro v5 (Content-driven, Server-first)
- Styling: Tailwind CSS v4 (via
@tailwindcss/vite) - Runtime: Node.js (Development) & Cloudflare Workers (Production)
- Content: MDX (Markdown + JSX) with Content Collections
- Fonts: Self-hosted Fontsource (Inter & JetBrains Mono)
- Package Manager: pnpm
🛠 Features
- Performance First: Zero-JS by default architecture for static content.
- Dark Mode UI: A professional “Slate” theme tailored for technical readability.
- Typography: Optimized for engineering notes with
prose-invertand syntax highlighting. - SEO Optimized: Semantic HTML5 structure and metadata management.
- Legal Compliance: Dedicated sections for French SASU regulations.
⚡ Getting Started
Prerequisites
- Node.js: v22.0.0 or higher
- pnpm: v10.0.0 or higher
Installation
-
Clone the repository:
git clone [https://github.com/NathanKun/binaryseek-net.git](https://github.com/NathanKun/binaryseek-net.git) cd binaryseek-net -
Install dependencies:
pnpm install -
Start the development server:
pnpm dev
Visit http://localhost:4321 to view the site.
📂 Project Structure
/
├── public/ # Static assets (favicons, robots.txt)
├── src/
│ ├── assets/ # Optimized images (referenced in MDX)
│ ├── components/ # UI Components (Header, Footer, FormattedDate...)
│ ├── content/ # Blog posts (MDX) & Collections config
│ ├── layouts/ # Base layouts (BaseLayout.astro)
│ ├── pages/ # File-based routing
│ │ ├── blog/ # Blog listing & slug handling
│ │ ├── tags/ # Tag filtering logic
│ │ └── ...
│ └── styles/ # Global CSS
├── astro.config.mjs # Astro configuration
├── package.json # Dependencies & Scripts
└── tsconfig.json # TypeScript configuration
🚢 Deployment
This project is configured for Cloudflare Pages using the @astrojs/cloudflare adapter.
Deploy to production:
pnpm deploy
(This runs astro build && wrangler deploy)
Or create a PR to main branch, and the Cloudflare Github integration will build and deploy to a preview environment, when merged to main, it will deploy to production.
Generate Cloudflare Types:
pnpm cf-typegen
📄 License
This project is available under the MIT License.