text.mongol.world / ᠪᠠᠷᠢᠮᠵᠢᠶ᠎ᠠ

MONGOL WORLD ᠪᠢᠴᠢᠭ ᠦᠨ ᠪᠠᠷᠢᠮᠵᠢᠶ᠎ᠠ

MONGOL WORLD ᠳᠤ ᠨᠡᠢᠲᠡ ᠬᠠᠭᠤᠳᠠᠰᠤ᠂ ᠪᠠᠭᠠᠵᠢ᠂ ᠬᠠᠢᠯᠲᠠ᠂ social ᠠᠭᠤᠯᠭ᠎ᠠ᠂ ᠦᠰᠦᠭ᠂ Unicode᠂ SEO ᠳᠤ ᠤᠯᠠᠮᠵᠢᠯᠠᠯᠲᠤ ᠮᠣᠩᠭᠣᠯ ᠲᠧᠺᠰᠲ ᠢ ᠬᠡᠷᠬᠢᠨ ᠠᠪᠴᠤ ᠶᠠᠪᠬᠤ ᠶᠢ ᠲᠣᠳᠣᠷᠬᠠᠢᠯᠠᠨ᠎ᠠ᠃

ᠭᠣᠣᠯ ᠵᠠᠷᠴᠢᠮ

ᠮᠣᠩᠭᠣᠯ ᠲᠧᠺᠰᠲ ᠨᠢ ᠵᠢᠩᠬᠢᠨᠢ Unicode ᠲᠧᠺᠰᠲ ᠪᠡᠷ ᠬᠠᠳᠠᠭᠠᠯᠠᠭᠳᠠᠵᠤ᠂ ᠢᠯᠡᠷᠡᠵᠦ᠂ ᠬᠠᠭᠤᠯᠤᠭᠳᠠᠵᠤ᠂ ᠬᠠᠢᠭᠳᠠᠵᠤ᠂ index ᠬᠢᠭᠳᠡᠬᠦ ᠶᠣᠰᠣᠲᠠᠢ᠃

ᠬᠠᠳᠠᠭᠠᠯᠠᠬᠤ

Unicode ᠲᠧᠺᠰᠲ

ᠢᠯᠡᠷᠡᠭᠦᠯᠬᠦ

ᠪᠣᠰᠤᠭ᠎ᠠ ᠪᠠᠢᠷᠢᠯᠠᠯ

ᠨᠡᠢᠲᠡᠯᠡᠬᠦ

SSR ᠪᠤᠶᠤ static first

ᠳᠦᠷᠢᠮ ᠦᠨ ᠪᠦᠯᠦᠭ

Unicode᠂ ᠪᠣᠰᠤᠭ᠎ᠠ ᠪᠢᠴᠢᠯᠲᠡ᠂ ᠴᠡᠭ ᠲᠡᠮᠳᠡᠭ᠂ SSR ᠪᠠ SEO ᠶᠢ ᠨᠢᠭᠡᠳᠦᠭᠰᠡᠨ ᠳᠦᠷᠢᠮ ᠳᠤ ᠣᠷᠣᠭᠤᠯᠤᠨ᠎ᠠ᠃

ᠲᠧᠺᠰᠲ ᠬᠠᠳᠠᠭᠠᠯᠤᠯᠲᠠ

Unicode ᠲᠡᠷᠢᠭᠦᠨ

  • ᠤᠯᠠᠮᠵᠢᠯᠠᠯᠲᠤ ᠮᠣᠩᠭᠣᠯ ᠠᠭᠤᠯᠭ᠎ᠠ ᠶᠢ Unicode ᠲᠧᠺᠰᠲ ᠪᠡᠷ ᠬᠠᠳᠠᠭᠠᠯᠠᠨ᠎ᠠ᠃
  • ᠡᠩ ᠦᠨ ᠲᠧᠺᠰᠲ ᠠᠰᠢᠭᠯᠠᠵᠤ ᠪᠣᠯᠬᠤ ᠦᠶ᠎ᠡ ᠳᠦ ᠤᠩᠰᠢᠭᠳᠠᠬᠤ ᠲᠧᠺᠰᠲ ᠢ ᠵᠢᠷᠤᠭ ᠢᠶᠠᠷ ᠣᠷᠣᠯᠠᠬᠤ ᠦᠭᠡᠢ᠃
  • ᠨᠡᠢᠲᠡ ᠬᠠᠭᠤᠳᠠᠰᠤ ᠨᠢ ᠲᠧᠺᠰᠲ ᠢ ᠰᠣᠩᠭᠣᠵᠤ᠂ ᠬᠠᠢᠵᠤ᠂ index ᠬᠢᠵᠦ ᠪᠣᠯᠬᠤ ᠪᠠᠢᠯᠭᠠᠨ᠎ᠠ᠃
  • ᠢᠷᠡᠭᠡᠳᠦᠢ ᠶᠢᠨ text ᠪᠠᠭᠠᠵᠢ ᠨᠢ normalization ᠢ ᠢᠯᠡ ᠬᠦᠰᠡᠭᠰᠡᠨ ᠦᠭᠡᠢ ᠪᠣᠯ ᠡᠬᠢ Unicode ᠣᠷᠣᠭᠤᠯᠤᠯᠲᠠ ᠶᠢ ᠦᠯᠡᠳᠡᠭᠡᠨ᠎ᠡ᠃

ᠪᠠᠢᠷᠢᠯᠠᠯ

ᠪᠣᠰᠤᠭ᠎ᠠ ᠪᠢᠴᠢᠯᠲᠡ

  • ᠨᠡᠢᠲᠡ ᠤᠩᠰᠢᠬᠤ ᠣᠷᠣᠨ ᠳᠤ ᠤᠯᠠᠮᠵᠢᠯᠠᠯᠲᠤ ᠮᠣᠩᠭᠣᠯ ᠲᠧᠺᠰᠲ ᠨᠢ ᠪᠣᠰᠤᠭ᠎ᠠ ᠪᠠᠢᠷᠢᠯᠠᠯ ᠢ ᠳᠡᠮᠵᠢᠨ᠎ᠡ᠃
  • text.mongol.world ᠳᠤ global html writing-mode: vertical-lr ᠢ ᠪᠣᠰᠤᠭ᠎ᠠ ᠪᠢᠴᠢᠯᠲᠡ ᠶᠢᠨ ᠦᠨᠳᠦᠰᠦᠨ ᠪᠠᠭᠠᠵᠢ ᠪᠣᠯᠭᠠᠨ᠎ᠠ᠃
  • ᠲᠤᠰᠬᠠᠢ ᠬᠡᠷᠡᠭᠴᠡᠭᠡ ᠦᠭᠡᠢ ᠪᠣᠯ page-specific ᠪᠣᠰᠤᠭ᠎ᠠ CSS ᠢ ᠬᠡᠲᠦ ᠶᠡᠬᠡ ᠬᠢᠬᠦ ᠦᠭᠡᠢ᠃
  • ᠪᠣᠰᠤᠭ᠎ᠠ ᠲᠧᠺᠰᠲ ᠨᠢ desktop᠂ tablet᠂ mobile ᠳᠡᠯᠭᠡᠴᠡ ᠳᠡᠭᠡᠷ᠎ᠡ ᠤᠩᠰᠢᠭᠳᠠᠬᠤ ᠪᠠᠢᠨ᠎ᠠ᠃

ᠦᠰᠦᠭ ᠵᠦᠢ

ᠮᠣᠩᠭᠣᠯ ᠴᠡᠭ ᠲᠡᠮᠳᠡᠭ

  • ᠮᠣᠩᠭᠣᠯ UI ᠲᠧᠺᠰᠲ ᠳᠤ ᠢᠯᠡᠭᠦᠦ / more / ellipsis ᠤᠳᠬ᠎ᠠ ᠳᠤ ᠁ ᠢ᠂ ᠡᠩ ᠦᠭᠦᠯᠡᠪᠦᠷᠢ ᠳᠤ ᠃ ᠢ ᠠᠰᠢᠭᠯᠠᠨ᠎ᠠ᠃
  • ᠲᠣᠬᠢᠷᠠᠬᠤ ᠭᠠᠵᠠᠷ ᠲᠤ ᠃᠂ ᠂᠂ ᠄᠂ ᠁ ᠵᠡᠷᠭᠡ ᠮᠣᠩᠭᠣᠯ ᠴᠡᠭ ᠲᠡᠮᠳᠡᠭ ᠢ ᠤᠳᠬ᠎ᠠ ᠪᠠᠷ ᠨᠢ ᠠᠰᠢᠭᠯᠠᠨ᠎ᠠ᠃
  • ᠰᠢᠯᠲᠠᠭᠠᠨ ᠦᠭᠡᠢ ᠪᠡᠷ ᠥᠷᠥᠨᠡᠳᠠᠬᠢᠨ ᠴᠡᠭ ᠲᠡᠮᠳᠡᠭ ᠢ ᠮᠣᠩᠭᠣᠯ UI ᠲᠧᠺᠰᠲ ᠳᠤ ᠬᠣᠯᠢᠬᠤ ᠦᠭᠡᠢ᠃
  • ᠴᠡᠭ ᠲᠡᠮᠳᠡᠭ ᠦᠨ ᠢᠯᠡᠷᠡᠯ ᠢ ᠪᠣᠰᠤᠭ᠎ᠠ ᠪᠠᠢᠷᠢᠯᠠᠯ ᠳᠤ ᠰᠢᠯᠭᠠᠨ᠎ᠠ᠃

SEO

SSR ᠲᠡᠷᠢᠭᠦᠨ

  • ᠨᠡᠢᠲᠡ ᠪᠠᠷᠢᠮᠲᠠ ᠬᠠᠭᠤᠳᠠᠰᠤ ᠨᠢ client ᠪᠠᠭᠠᠵᠢ ᠨᠡᠮᠡᠬᠦ ᠡᠴᠡ ᠡᠮᠦᠨ᠎ᠡ SSR ᠪᠤᠶᠤ static-rendered ᠪᠠᠢᠨ᠎ᠠ᠃
  • ᠪᠣᠯᠣᠮᠵᠢᠲᠠᠢ ᠦᠶ᠎ᠡ ᠳᠦ ᠮᠣᠩᠭᠣᠯ ᠲᠧᠺᠰᠲ ᠨᠢ initial HTML ᠳᠤ ᠢᠯᠡᠷᠡᠨ᠎ᠡ᠃
  • ᠬᠠᠭᠤᠳᠠᠰᠤ ᠨᠢ metadata᠂ canonical URL᠂ robots᠂ sitemap ᠳᠤ ᠣᠷᠣᠭᠰᠠᠨ ᠪᠠᠢᠨ᠎ᠠ᠃
  • ᠴᠢᠬᠤᠯᠠ ᠲᠧᠺᠰᠲ ᠢ client-only rendering ᠳᠤ ᠨᠢᠭᠤᠬᠤ ᠠᠴᠠ ᠵᠠᠢᠯᠠᠰᠬᠢᠨ᠎ᠠ᠃

ᠬᠠᠮᠲᠤ ᠠᠰᠢᠭᠯᠠᠬᠤ ᠬᠡᠷᠡᠭᠵᠢᠯᠲᠡ

ᠡᠳᠡᠭᠡᠷ snippet ᠨᠢ MONGOL WORLD apps ᠳᠠᠶᠠᠭᠠᠷ ᠮᠣᠩᠭᠣᠯ ᠲᠧᠺᠰᠲ ᠦᠨ ᠠᠩᠬᠠᠨ ᠤ ᠬᠠᠮᠲᠤ ᠰᠠᠭᠤᠷᠢ ᠶᠢ ᠲᠣᠳᠣᠷᠬᠠᠢᠯᠠᠨ᠎ᠠ᠃

global ᠪᠣᠰᠤᠭ᠎ᠠ layout

html {
  writing-mode: vertical-lr;
  text-orientation: mixed;
}

body {
  min-height: 100dvh;
}

lang ᠪᠠ semantic markup

<section lang="mn-Mong">
  ᠮᠣᠩᠭᠣᠯ ᠪᠢᠴᠢᠭ᠃
</section>

ᠪᠠᠢᠷᠢᠯᠠᠯ ᠤᠨ shell

<main className="min-h-dvh px-3 py-6 sm:px-4 md:px-6 lg:px-8">
  <div className="mx-auto max-h-[1024px] space-y-6">
    Page content
  </div>
</main>

ᠫᠯᠠᠲ᠋ᠹᠣᠷᠮ ᠬᠠᠮᠤᠷᠤᠯᠲᠠ

ᠡᠨᠡ ᠪᠠᠷᠢᠮᠵᠢᠶ᠎ᠠ ᠨᠢ MONGOL WORLD monorepo ᠶᠢᠨ ᠪᠦᠬᠦ ᠬᠡᠰᠡᠭ ᠲᠦ ᠬᠠᠮᠢᠶᠠᠷᠤᠨ᠎ᠠ᠃

Portal

apps/portal

ᠨᠡᠢᠲᠡ ᠰᠣᠶᠣᠯ ᠪᠠ ᠫᠯᠠᠲ᠋ᠹᠣᠷᠮ ᠲᠧᠺᠰᠲ ᠳᠤ ᠲᠣᠬᠢᠷᠠᠬᠤ ᠭᠠᠵᠠᠷ ᠲᠤ ᠮᠣᠩᠭᠣᠯ ᠳᠦᠷᠰᠦ ᠢ ᠠᠰᠢᠭᠯᠠᠨ᠎ᠠ᠃

News

apps/news

ᠨᠡᠢᠲᠡᠯᠡᠯ ᠦᠨ ᠬᠠᠭᠤᠳᠠᠰᠤ ᠨᠢ Unicode ᠲᠧᠺᠰᠲ ᠢ ᠦᠯᠡᠳᠡᠭᠡᠵᠦ᠂ ᠮᠣᠩᠭᠣᠯ ᠤᠩᠰᠢᠬᠤ ᠬᠡᠰᠡᠭ ᠳᠤ ᠪᠣᠰᠤᠭ᠎ᠠ ᠢᠯᠡᠷᠡᠯ ᠠᠰᠢᠭᠯᠠᠨ᠎ᠠ᠃

Social

apps/social

ᠨᠡᠢᠲᠡᠯᠡᠯ ᠪᠠ ᠰᠡᠳᠬᠢᠭᠳᠡᠯ ᠨᠢ Unicode ᠲᠧᠺᠰᠲ ᠬᠡᠪ ᠢᠶᠡᠷ ᠦᠯᠡᠳᠡᠨ᠎ᠡ᠃

Search

apps/search

ᠬᠠᠢᠯᠲᠠ ᠶᠢᠨ ᠦᠷ᠎ᠡ ᠳ᠋ᠦᠩ ᠨᠢ ᠡᠬᠢ ᠪᠢᠴᠢᠭ ᠢ ᠦᠯᠡᠳᠡᠭᠡᠵᠦ᠂ snippet ᠢᠯᠡᠷᠡᠭᠦᠯᠵᠦ᠂ visual-only ᠲᠧᠺᠰᠲ ᠡᠴᠡ ᠵᠠᠢᠯᠠᠰᠬᠢᠨ᠎ᠠ᠃

Text

apps/text

ᠪᠢᠴᠢᠭᠦᠷ᠂ ᠦᠰᠦᠭ ᠰᠢᠯᠭᠠᠯᠲᠠ᠂ Unicode ᠪᠠᠷᠢᠮᠲᠠ᠂ ᠪᠢᠴᠢᠭ ᠦᠨ ᠪᠠᠷᠢᠮᠵᠢᠶ᠎ᠠ ᠶᠢᠨ ᠯᠠᠪᠯᠠᠬᠤ ᠳᠠᠪᠬᠤᠷᠭ᠎ᠠ ᠪᠣᠯᠣᠨ᠎ᠠ᠃

ᠬᠢᠨᠠᠬᠤ ᠵᠦᠢᠯ

ᠮᠣᠩᠭᠣᠯ ᠲᠧᠺᠰᠲ ᠪᠤᠶᠤ ᠮᠣᠩᠭᠣᠯ-script UI ᠡᠯᠧᠮᠧᠨᠲ ᠲᠠᠢ ᠬᠠᠭᠤᠳᠠᠰᠤ ᠨᠡᠢᠲᠡᠯᠡᠬᠦ ᠡᠴᠡ ᠡᠮᠦᠨ᠎ᠡ ᠡᠨᠡ ᠬᠢᠨᠠᠬᠤ ᠵᠦᠢᠯ ᠢ ᠠᠰᠢᠭᠯᠠᠨ᠎ᠠ᠃

1

ᠬᠠᠭᠤᠳᠠᠰᠤ ᠨᠢ initial HTML ᠳᠤ ᠮᠣᠩᠭᠣᠯ ᠲᠧᠺᠰᠲ ᠢ ᠢᠯᠡᠷᠡᠭᠦᠯᠵᠦ ᠪᠠᠢᠨ᠎ᠠ ᠤᠤ᠃

2

ᠲᠧᠺᠰᠲ ᠢ ᠰᠣᠩᠭᠣᠵᠤ᠂ ᠬᠠᠭᠤᠯᠵᠤ ᠪᠣᠯᠬᠤ ᠤᠤ᠃

3

ᠮᠣᠩᠭᠣᠯ ᠵᠢᠱᠢᠶ᠎ᠡ ᠲᠧᠺᠰᠲ ᠳᠤ lang="mn-Mong" ᠠᠰᠢᠭᠯᠠᠵᠤ ᠪᠠᠢᠨ᠎ᠠ ᠤᠤ᠃

4

ᠪᠣᠰᠤᠭ᠎ᠠ ᠲᠧᠺᠰᠲ ᠨᠢ global writing-mode ᠪᠠ shared page shell ᠢ ᠡᠪᠳᠡᠬᠦ ᠦᠭᠡᠢ ᠠᠵᠢᠯᠯᠠᠵᠤ ᠪᠠᠢᠨ᠎ᠠ ᠤᠤ᠃

5

ᠮᠣᠩᠭᠣᠯ UI ᠲᠧᠺᠰᠲ ᠳᠤ western three-dot ellipsis ᠡᠴᠡ ᠵᠠᠢᠯᠠᠰᠬᠢᠵᠦ ᠪᠠᠢᠨ᠎ᠠ ᠤᠤ᠃

6

ᠬᠠᠭᠤᠳᠠᠰᠤ ᠨᠢ mobile ᠳᠤ ᠪᠣᠰᠤᠭ᠎ᠠ ᠲᠧᠺᠰᠲ ᠦᠨ ᠤᠷᠤᠰᠬᠠᠯ ᠢ ᠡᠪᠳᠡᠬᠦ ᠦᠭᠡᠢ ᠠᠵᠢᠯᠯᠠᠬᠤ ᠤᠤ᠃

7

metadata ᠪᠠ sitemap ᠬᠠᠮᠤᠷᠤᠯᠲᠠ ᠪᠠᠢᠨ᠎ᠠ ᠤᠤ᠃

8

ᠬᠡᠷᠡᠭ ᠦᠭᠡᠢ client-only rendering ᠡᠴᠡ ᠵᠠᠢᠯᠠᠰᠬᠢᠵᠦ ᠪᠠᠢᠨ᠎ᠠ ᠤᠤ᠃