Major Site Redesign: Introducing the New Site Structure and Pages

Introduction

It’s been a while! I haven’t posted any articles for quite some time, and that’s because I’ve been busy completely redesigning the site!

In this post, I’ll introduce the new structure and pages of the Asopi Tech website.

Background

The previous site was a simple blog, but as the number of OSS projects grew and I wanted to showcase each project in more detail, I decided to overhaul the entire site.

Here are the main changes:

• Multilingual support (Japanese/English)
• Added OSS project showcase pages
• Implemented service detail landing pages
• Redesigned navigation and footer
• Improved content management system

New Site Structure

Homepage

The new homepage centers around three OSS projects:

1. Alopex DB - A database that seamlessly scales from embedded to cluster using the same data file
2. JV Language - A transpiler that provides Java syntactic sugar with Python/Kotlin-level usability
3. HC GraphRAG - GraphRAG for AWS

The hero section briefly introduces each project’s features and provides links to their detail pages.

Services (Projects) Page

/en/services displays a list of all OSS projects. You can filter by category as well.

Each project has its own dedicated landing page:

• /en/services/alopex-db - Alopex DB details
• /en/services/project-jv - JV Language details
• /en/services/hc-graphrag - HC GraphRAG details

These landing pages consist of the following sections:

• Hero: Project overview and CTA
• Challenge: The problem being solved
• Outcome: Value provided
• Capabilities: Features and characteristics
• Tech Stack: Technology stack
• Proof: Development status and resources

Blog Page

The blog is still available at /en/blog, but now with multilingual support.

The Japanese version is at /blog, and articles can be displayed in their respective locales. English articles are still limited, but I plan to add more in the future.

About Page

/en/about dynamically displays project information fetched from GitHub repositories.

Contact Page

/en/contact provides pathways to reach out via X (Twitter) and GitHub Issues.

As an individual developer, I don’t offer consulting or support services, but bug reports and feedback are always welcome!

Multilingual Support

One of the biggest changes in this redesign is multilingual support.

The URL structure is as follows:

• Japanese (default): /, /blog, /services, etc.
• English: /en, /en/blog, /en/services, etc.

All text including site navigation, footer, and page copy is available in both Japanese and English.

When content is only available in one language, a fallback mechanism displays the available localized content.

Redesigned Footer

The footer has been redesigned with three sections:

1. Explore - Links to Home, Services, Blog, About, and Contact
2. Projects - Direct links to each OSS project
3. Links - Links to X, GitHub Issues, and project documentation sites

External links are properly configured with target="_blank" and rel="noopener noreferrer" for security.

Future Plans

While the redesign is essentially complete, there’s still plenty I want to improve:

• Expand English content
• Improve OGP image auto-generation
• Performance optimization
• Accessibility improvements

I’ll continue improving the site and developing OSS projects!

Summary

This site redesign brought major changes including multilingual support and OSS project showcase pages.

For technical details, check out the separate article “Astro Features Used in the Site Redesign”!

Thanks for visiting the new Asopi Tech site!