Tạo website phong cách GeoCities thập niên 90 chỉ trong vài giây

Nếu bạn từng lướt web vào những năm cuối thập niên 90, chắc hẳn bạn sẽ nhớ đến phong cách rực rỡ, hỗn loạn nhưng đầy thú vị của GeoCities. Một nhà phát triển đã tạo ra công cụ create-geocities-app giúp tái hiện chính xác trải nghiệm đó ngay trên máy tính của bạn chỉ trong vài giây.

Phiên bản PyPI

Scaffold web phong cách Retro trong một nốt nhạc

create-geocities-app là một công cụ dòng lệnh (CLI) giúp tạo ra một trang web tĩnh hoàn chỉnh mang phong cách GeoCities thập niên 90. Không cần React, Vue hay Webpack, trang web được tạo ra hoàn toàn từ HTML, CSS và JavaScript thuần túy (vanilla).

Điều này có nghĩa là trang web cực kỳ nhẹ, không có thời gian build (build time) và có thể chạy offline ngay lập tức.

Logo PyPI

Các tính năng hoài niên

Công cụ này trang bị cho trang web của bạn tất cả những "vũ khí" kinh điển của thời Web 1.0:

• Giao diện neon: Màu chữ xanh lá cây (#00FF00) trên nền đen, các tiêu đề có hiệu ứng thở (neon-pulsing) và bóng đổ.
• Hiệu ứng chuyển động: Chữ chạy (marquee banner), tiêu đề đổi màu cầu vồng, và biểu tượng "Under Construction" (đang thi công) với băng cảnh báo.
• Sổ lưu bút (Guestbook): Mẫu form cổ điển để khách để lại lời nhắn.
• Bộ đếm truy cập: Một bộ đếm giả lập bắt đầu từ khoảng 10.000 để làm trang web trông có vẻ "đắt khách".
• Âm thanh 8-bit: Tùy chọn tự phát một đoạn nhạc giai điệu 8-bit khi tải trang.

Đa nền tảng và dễ dàng cài đặt

Dù tên gọi gắn liền với PyPI (Python), dự án này thực sự hỗ trợ hầu hết các ngôn ngữ lập trình phổ biến hiện nay.

Đối với người dùng Python:

Cách nhanh nhất là sử dụng pipx để chạy thử mà không cần cài đặt vĩnh viễn:

pipx run create-geocities-app my-site

Hoặc cài đặt toàn cục:

pip install create-geocities-app
create-geocities-app my-site

Đối với Node.js / npm:

npx create-geocities-app my-site

Ngoài ra, bạn còn có thể cài đặt thông qua RubyGems (Ruby), Cargo (Rust), Go, PHP (Composer) và Deno.

Tùy chỉnh giao diện theo ý thích

Sau khi chạy lệnh khởi tạo, một trình hướng dẫn tương tác (interactive setup) sẽ hiện ra cho phép bạn tùy chỉnh:

1. Chủ đề màu sắc: Chọn từ 5 bảng màu retro như Neon (phong cách Hacker/Matrix), Candy (ngọt ngào), Space (không gian), Forest (rừng rậm) hoặc Windows (Windows 95 cổ điển).
2. Trang con: Bạn có thể thêm các trang như Giới thiệu (About), Thư viện ảnh (Gallery), Liên kết (Cool Links).
3. Hiệu ứng: Chọn hiệu ứng chuột (Sparkle, sao băng, cầu vồng) và hiệu ứng nền (tuyết rơi, sao rơi).

Demo trên GitHub Pages

Triển khai đơn giản

Sau khi quá trình tạo hoàn tất, bạn chỉ cần mở file index.html trong thư mục my-site trên trình duyệt để xem thành quả. Vì là trang web tĩnh, bạn có thể dễ dàng đăng tải (deploy) lên GitHub Pages, Netlify hoặc Vercel miễn phí chỉ với vài thao tác kéo thả hoặc git push.

Dự án create-geocities-app là một minh chứng thú vị cho sự hoài cổ trong giới công nghệ, mang lại cơ hội cho những lập trình viên trẻ trải nghiệm hoặc những người đi trước ôn lại kỷ nguyên vàng của Internet.