“We are beings thrown into a world of zeros and ones, desperately seeking meaning.”
— Inspired by Martin Heidegger’s Being and Time
Binary & Being is a beautifully handcrafted blog platform designed with the spirit of a 1920s newspaper and the mind of a 21st-century programmer. Built using Next.js 14 and Tailwind CSS, it blends philosophical aesthetics with modern code.
- 🗞️ Authentic 1920s–1930s newspaper style
- ⌨️ Designed for classic-minded hackers & thinkers
- 🔤 Elegant serif typography (Garamond, Georgia, Times)
- ⚡️ Static site generation for blazing speed
- 🔗 Clean article routing with native navigation
- 🧠 Minimal, purposeful UI with timeless vibe
- 📱 Fully responsive design (mobile-first)
- 🚀 One-click deploy to GitHub Pages
| Layer | Technology |
|---|---|
| Framework | Next.js 14 (App Router) |
| Styling | Tailwind CSS 3.4.17 |
| Fonts | System serif stack |
| Icons | Lucide React |
| Hosting | GitHub Pages |
You’ll need:
- Node.js ≥ 18.x
- npm or yarn
Clone the repository:
git clone https://github.com/yourusername/TesBlog-yh.git
cd TesBlog-yhInstall dependencies:
npm installRun locally:
npm run devOpen http://localhost:3000 and explore the vintage digital age ✨
To generate a static build:
npm run buildOutput will be placed in the out/ directory.
📦 GitHub Actions automatically deploy the main branch to GitHub Pages.
No additional configuration needed — just push and publish.
Feel free to reshape the layout, typography, and content. Here's where to look:
| What | Where |
|---|---|
| ✍️ Articles | app/page.tsx |
| 🎨 Global styles | app/globals.css |
| 🧭 Metadata & layout | app/layout.tsx |
| 🧱 New pages | app/your-page.tsx |
| 🪄 Fonts & icons | tailwind.config.ts / lucide-react |
Want to switch from serif to sans-serif or dark theme?
Just tweak Tailwind classes.
This blog isn’t just code — it’s a nod to the thinkers who lived between lines.
Binary & Being combines existential questions with digital creation:
- Why do we build?
- What does it mean to publish in the void?
- How does code become memory?
You’ll feel these questions echoed in every corner of the layout.
MIT — you’re free to use, modify, share.
But don’t forget the soul behind the source 🖤