The interactive, ad-free companion tool for the DQ7 Demo on Switch 2 & Steam.
🚀 View Live Demo · Features · Tech Stack · Contributing
Modern game wikis are broken. 🐢
They are riddled with auto-playing video ads, massive layout shifts, and bloated JavaScript that drains your battery while you play.
As a massive JRPG fan, I wanted a tool that felt like a natural extension of the game menu—fast, clean, and useful.
So I built The Adventure Log. It's a "Zero-JS" (by default) static site that loads instantly and respects your time.
Here is why this is better than a text file on GameFAQs:
Stop guessing which fragment you missed. Filter shards by Region, Color, and Story Progress. (Recommended: Add a screenshot of your Shard Filter UI here)
No login required. We use localStorage to save your checklist progress directly in your browser.
- Track Found Shards
- Mark Missable Items
- Recruit Party Members
Built with Astro Island Architecture. The site ships 0kb of JavaScript for static content, only hydrating the interactive checklists when needed.
This project is an experiment in building high-performance content sites.
- Framework: Astro 5.0
- Styling: Tailwind CSS
- Interactivity: React (hydrated via
client:visible) - State Management: Nano Stores (for cross-component state)
- Deployment: Vercel / Netlify
Want to run this locally?
# Clone the repository
git clone [https://github.com/yourusername/dq7-guide.git](https://github.com/yourusername/dq7-guide.git)
# Install dependencies
npm install
# Start the dev server
npm run dev