🚀 A comprehensive introduction to the template website /article-open

Project deployment guide in English (Original Vietnamese below)

Article Open is the open source version of Article, the core code of nhavantuonglai.com. This project is developed using Astro 5.0 and Tailwind CSS, creating a modern website template that is user-friendly and optimized for SEO.

vercel-website-deploy-nhavantuonglai

✨ Key Features

– Optimized code structure: Simple, accessible, and easy to maintain.

– Synchronized components: Consistent structure, implementation, and effects, making everything coherent and uniform.

– SEO optimization: Standard schema, meta tag generator for each page and article, helping the website to be easily indexed and achieve better rankings.

– Motion effects: Creating a modern and user-friendly interface.

– Impressive PageSpeed Insights: Ensuring optimal page loading speed.

– Dark Mode: Supporting dark mode to enhance user experience.

– Starfield: Beautiful starry background effect.

– Supernova: Modern and impressive supernova loading effect.

🛠️ Operational Resources

– Framework: Astro combined with Tailwind CSS.

– Hosting: Vercel.

– Data management: GitHub.

– Status monitoring: Openstatus.

– Copyright protection: DMCA.

Resources are utilized to optimize resource usage, ensure stable website operation, and minimize costs as much as possible.

vercel-website-deploy-nhavantuonglai

🚀 Deployment Guide

Direct Deployment via Vercel

This is the fastest way to experience \article-open:

1. Register and log in to Vercel.

2. Select New Project → Import Git Repository.

3. Enter the repository URL:

https://github.com/nhavantuonglai/article-open.git

4. Vercel will automatically create a new repository in your GitHub and deploy the website.

Note: This method helps you quickly experience the interface, but update and maintenance capabilities will be limited.

Indirect Deployment via GitHub (Recommended)

This method allows you full control over the source code:

1. Clone the repository to your personal GitHub account:

gh repo clone nhavantuonglai/article-open

2. Log in to Vercel with your GitHub account.

3. Select Import Repository and choose the repository you just cloned.

4. After deployment, customize the subdomain or assign a custom domain in the Domain section.

vercel-website-deploy-nhavantuonglai

💻 Local Development Guide

Install necessary tools:

– Visual Studio Code.

– Node.js.

Install dependencies:

npm install

Run development environment:

npm run dev

Access the local website at:

http://localhost:4321/

To update displayed content, find the corresponding file and folder to adjust. After saving, the interface will automatically update.

📜 Development History

The \article-open project is an open version of \article, developed through several stages:

– v25.04.xx (Current): Second interface overhaul version.

– v24.0x.xx: First interface overhaul version, integrating Astro 5.0, Tailwind, and Vercel.

– v23.12.xx: First dynamic website version, integrating Astro and Firebase.

– v23.11.xx: Static website version.

– v23.10.0x: Initial version, focusing on the CMS library.

📞 Contact & Support

– Email: info@nhavantuonglai.com.

– Website: nhavantuonglai.com.

If you have any questions or suggestions, don't hesitate to contact us for the quickest support.

⭐ Don't forget to star this repository if you find it useful!

Hướng dẫn triển khai dự án (bằng tiếng Việt)

Article Open là phiên bản mã nguồn mở của Article (mã nguồn chính của nhavantuonglai.com). Dự án này được phát triển bằng Astro 5.0 và Tailwind CSS, tạo nên template website hiện đại, thân thiện với người dùng và công cụ SEO.

vercel-website-deploy-nhavantuonglai

✨ Tính năng nổi bật

– Cấu trúc code tối ưu: Đơn giản, dễ tiếp cận và dễ bảo trì.

– Components đồng bộ: Đồng nhất cấu trúc, cách triển khai và hiệu ứng, giúp mọi thứ trở nên liền lạc, nhất quán.

– Tối ưu SEO: Schema tiêu chuẩn, meta tag generator trong từng trang, bài viết giúp website dễ dàng được index và có thứ hạng tốt hơn.

– Hiệu ứng chuyển động: Tạo giao diện hiện đại và thân thiện với người dùng.

– PageSpeed Insights ấn tượng: Đảm bảo tốc độ tải trang tối ưu.

– Dark Mode: Hỗ trợ chế độ tối, tăng trải nghiệm người dùng.

– Starfield: Hiệu ứng nền sao tỏa sáng đẹp mắt.

– Supernova: Hiệu ứng tải Siêu tân tinh sáng hiện đại, ấn tượng.

🛠️ Nguồn lực vận hành

– Framework: Astro kết hợp với Tailwind CSS.

– Hosting: Vercel.

– Quản lý dữ liệu: GitHub.

– Theo dõi trạng thái: Openstatus.

– Bảo vệ bản quyền: DMCA.

Nguồn lực được khai thác, sử dụng nhằm tối ưu tài nguyên sử dụng, đảm bảo website vận hành ổn định và ít tiêu hao chi phí nhất có thể.

vercel-website-deploy-nhavantuonglai

🚀 Hướng dẫn triển khai

Triển khai trực tiếp qua Vercel

Đây là cách nhanh nhất để trải nghiệm \article-open:

1. Đăng ký và đăng nhập Vercel.

2. Chọn New Project → Import Git Repository.

3. Nhập URL repository:

https://github.com/nhavantuonglai/article-open.git

4. Vercel sẽ tự động tạo repository mới trong GitHub của bạn và deploy website.

Lưu ý: Phương pháp này giúp bạn nhanh chóng trải nghiệm giao diện, nhưng khả năng cập nhật và bảo trì sẽ bị hạn chế.

Triển khai gián tiếp thông qua GitHub (Khuyến nghị)

Cách này cho phép bạn kiểm soát đầy đủ mã nguồn:

1. Clone repository về tài khoản GitHub cá nhân:

gh repo clone nhavantuonglai/article-open

2. Đăng nhập Vercel bằng tài khoản GitHub.

3. Chọn Import Repository và chọn repository vừa clone.

4. Sau khi deploy, tùy chỉnh subdomain hoặc gán domain tùy chỉnh trong mục Domain.

vercel-website-deploy-nhavantuonglai

💻 Hướng dẫn phát triển local

Cài đặt các công cụ cần thiết:

– Visual Studio Code.

– Node.js.

Cài đặt dependencies:

npm install

Chạy môi trường phát triển:

npm run dev

Truy cập website local tại:

http://localhost:4321/

Để cập nhật nội dung hiển thị, tìm đúng file và folder tương ứng để điều chỉnh. Sau khi lưu, giao diện sẽ tự động cập nhật.

📜 Lịch sử phát triển

Dự án \article-open là phiên bản mở của \article, được phát triển qua nhiều giai đoạn:

– v25.04 (Hiện tại): Phiên bản đại tu giao diện lần 2.

– v24.0x.xx: Phiên bản đại tu giao diện lần 1, kết hợp Astro 5.0, Tailwind và Vercel.

– v23.12.xx: Phiên bản website động đầu tiên, kết hợp Astro và Firebase.

– v23.11.xx: Phiên bản website tĩnh.

– v23.10.0x: Phiên bản đầu tiên, tập trung vào thư viện CMS.

📞 Liên hệ & Hỗ trợ

– Email: info@nhavantuonglai.com.

– Website: nhavantuonglai.com.

Nếu bạn có bất kỳ câu hỏi hoặc đề xuất nào, đừng ngần ngại liên hệ với chúng tôi để được hỗ trợ nhanh nhất.

⭐ Đừng quên star repository này nếu bạn thấy nó hữu ích!