Publié le

Under the Hood: How Binary Seek is Built


Binary Seek

License Astro Tailwind pnpm

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-invert and 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

  1. Clone the repository:

    git clone [https://github.com/NathanKun/binaryseek-net.git](https://github.com/NathanKun/binaryseek-net.git)
    cd binaryseek-net
  2. Install dependencies:

    pnpm install
  3. 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.