Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/unyt-org/example-localization

Localization base project using UIX and DATEX
https://github.com/unyt-org/example-localization

datex localization typescript uix uix-example unyt

Last synced: about 2 months ago
JSON representation

Localization base project using UIX and DATEX

Host: GitHub
URL: https://github.com/unyt-org/example-localization
Owner: unyt-org
License: mit
Created: 2023-09-19T12:58:06.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2024-10-16T18:23:52.000Z (3 months ago)
Last Synced: 2024-10-18T15:55:46.170Z (3 months ago)
Topics: datex, localization, typescript, uix, uix-example, unyt
Language: TypeScript
Homepage: https://localization.example.unyt.org
Size: 341 KB
Stars: 1
Watchers: 0
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Example: Localization base

This repository demonstrates some essential concept of the [UIX](https://uix.unyt.org) framework such as [SSR](https://unyt.org/glossary#ssr) and localization (multi language support).

## Installation
1. Install the **UIX command line tool** following the [Getting Started](https://docs.unyt.org/manual/uix/getting-started#the-uix-command-line-tool) guide in our documentation.

2. Clone this repository to your local machine:

```bash
$ git clone https://github.com/unyt-org/example-localization.git
```
3. Run the project local
```bash
$ uix --port 8000
```
6. 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](https://unyt.org/glossary#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](https://datex.unyt.org), environment variables can be accessed using `Datex.Runtime.ENV`. Changing `Datex.Runtime.ENV` modifies the user language.

---