EvoX Portal is the Landing Pages of EvoX, built with Astro 5.0, Tailwind CSS v4, and Iconify.
- Node.js:
v18.17.1or higher - pnpm:
v8.0.0or higher (Recommended)
-
Clone the repository:
git clone https://github.com/EMI-Group/evox-portal cd evox-portal -
Install dependencies:
pnpm install
-
Start the development server:
pnpm run dev
The site will be available at
http://localhost:4321.
- Framework: Astro 6 - Selected for its excellent performance and content-first architecture.
- Styling: Tailwind CSS v4 - Using the latest features including CSS-first configuration and high-performance engine.
- Icons: astro-icon with Heroicons and Simple Icons sets.
- Content: Managed via Content Collections for blogs and library metadata.
src/
├── assets/ # Images and static assets
├── components/ # Reusable Astro components (Header, Footer, etc.)
├── content/ # Markdown blogs and JSON library data
│ ├── blogs/ # Blog posts (.md)
│ └── libs.json # Ecosystem project data
├── layouts/ # Page layouts
├── pages/ # Routing (Home, Blogs, Libraries)
└── styles/ # Global CSS and Tailwind directives
| Script | Description |
|---|---|
pnpm run dev |
Starts the local development server with HMR. |
pnpm run build |
Bundles your site into static files for production to ./dist. |
pnpm run preview |
Previews your build locally before deploying. |
pnpm astro ... |
Run any specialized Astro CLI commands. |
- Create a new folder for your news article under
src/content/news/(e.g.,src/content/news/my-new-release/). - Inside the folder, create an
en.mdfile with the English content and the required frontmatter. - You can use the
\translateskill within your Code Agent (eg: Claude Code) to automatically translate the English article into all supported languages.- Ask the assistant:
\translate /absolute/path/to/src/content/news/my-new-release/en.md - Note: The generated translations serve as a starting point and should be manually reviewed.
- Ask the assistant:
- You can add a new library manually by editing
src/content/libs.jsonand adding the corresponding description strings in the locale files. - Recommended: Use the
/add-libskill for an automated workflow. Provide a GitHub URL, and the skill will fetch metadata, updatelibs.json, and add i18n keys for all locales.- Ask the assistant:
/add-lib https://github.com/EMI-Group/evox - Note: Always review the generated entry and translations.
- Ask the assistant:
Built with ❤️ by the EvoX Team.