Example: Localization base

This repository demonstrates some essential concept of the UIX framework such as SSR and localization (multi language support).

Installation

1. Install the UIX command line tool following the Getting Started guide in our documentation.

2. Clone this repository to your local machine:

   $ git clone https://github.com/unyt-org/example-localization.git

3. Run the project local

   $ uix --port 8000

4. Navigate to your favourite web browser and open http://localhost:8000 to see everything in action.

Structure

This diagram outlines the UIX default project structure. Since everything is rendered on the server there is just a back-end folder.

.
└── example-localization/
    ├── backend/
    │   ├── .dx                 // Config file for deployment
    │   └── entrypoint.tsx      // Back-end entrypoint
    ├── common/
    │   ├── components/
    │   │   └── Main.tsx        // Main component
    │   └── data.dx             // Localization file
    ├── frontend/
    │   ├── entrypoint.scss     // Style declaration
    │   └── entrypoint.tsx      // Front-end entrypoint
    ├── app.dx                  // Endpoint config file
    └── deno.json               // Deno config file

Features

• Multi-language support for static, hybrid and server-side rendering

Preview

Explanation

Environment Variables

In DATEX, environment variables can be accessed using Datex.Runtime.ENV. Changing Datex.Runtime.ENV modifies the user language.

---

_{© unyt 2024 • unyt.org}