diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js
index e6bb995a4..2bcd80fad 100644
--- a/src/components/Layout/HomeContent.js
+++ b/src/components/Layout/HomeContent.js
@@ -131,7 +131,7 @@ export function HomeContent() {
             React
           </h1>
           <p className="text-4xl font-display max-w-lg md:max-w-full py-1 text-center text-secondary dark:text-primary-dark leading-snug self-center">
-            The library for web and native user interfaces
+            Veb və nativ istifadəçi interfeysləri üçün kitabxana
           </p>
           <div className="mt-5 self-center flex gap-2 w-full sm:w-auto flex-col sm:flex-row">
             <ButtonLink
@@ -139,29 +139,29 @@ export function HomeContent() {
               type="primary"
               size="lg"
               className="w-full sm:w-auto justify-center"
-              label="Learn React">
-              Learn React
+              label="React öyrən">
+              React-i öyrən
             </ButtonLink>
             <ButtonLink
               href={'/reference/react'}
               type="secondary"
               size="lg"
               className="w-full sm:w-auto justify-center"
-              label="API Reference">
-              API Reference
+              label="API Referans">
+              API Referans
             </ButtonLink>
           </div>
         </div>
 
         <Section background="left-card">
           <Center>
-            <Header>Create user interfaces from components</Header>
+            <Header>Komponentlərdən istifadəçi interfeysləri yarat</Header>
             <Para>
-              React lets you build user interfaces out of individual pieces
-              called components. Create your own React components like{' '}
-              <Code>Thumbnail</Code>, <Code>LikeButton</Code>, and{' '}
-              <Code>Video</Code>. Then combine them into entire screens, pages,
-              and apps.
+              React, komponent adlanan ayrı hissələrdən istifadə edərək
+              istifadəçi interfeyslərini qurmağa imkan verir.{' '}
+              <Code>Thumbnail</Code>, <Code>LikeButton</Code> və{' '}
+              <Code>Video</Code> kimi öz React komponentlərinizi yaradın. Sonra
+              onları bütün ekranlar, səhifələr və tətbiqlərə birləşdirin. .
             </Para>
           </Center>
           <FullBleed>
@@ -169,22 +169,24 @@ export function HomeContent() {
           </FullBleed>
           <Center>
             <Para>
-              Whether you work on your own or with thousands of other
-              developers, using React feels the same. It is designed to let you
-              seamlessly combine components written by independent people,
-              teams, and organizations.
+              React-i istifadə etmək , baxmayaraq ki, siz tək işləyirsiniz ya da
+              ki, minlərlə başqa developerlərlə hər bir halda eyni hissiyatı
+              verir. Bu, müstəqil insanlar, komandalar və təşkilatlar tərəfindən
+              yazılmış komponentləri problemlər olmadan birləşdirməyə imkan
+              verən bir dizayndır.
             </Para>
           </Center>
         </Section>
 
         <Section background="right-card">
           <Center>
-            <Header>Write components with code and markup</Header>
+            <Header>Komponentləri code və markup ilə yazın</Header>
             <Para>
-              React components are JavaScript functions. Want to show some
-              content conditionally? Use an <Code>if</Code> statement.
-              Displaying a list? Try array <Code>map()</Code>. Learning React is
-              learning programming.
+              React komponentləri JavaScript funksiyalarıdır. Bəzi kontentləri
+              şərti göstərmək istəyirsiniz ? Onda <Code>if</Code> blokundan
+              istifadə edin. List göstərmək istəyirsiniz ? Onda{' '}
+              <Code>map()</Code> yoxlayın. React öyrənmək proqramlaşdırma
+              öyrənmək kimidir.
             </Para>
           </Center>
           <FullBleed>
@@ -192,22 +194,24 @@ export function HomeContent() {
           </FullBleed>
           <Center>
             <Para>
-              This markup syntax is called JSX. It is a JavaScript syntax
-              extension popularized by React. Putting JSX markup close to
-              related rendering logic makes React components easy to create,
-              maintain, and delete.
+              Bu markup JSX adlanır. React tərəfindən populyarlaşdırılan
+              JavaScript sintaksis əlavəsidir. Render etmək məntiqinə yaxın JSX
+              markup qoymaq, React komponentlərini yaratmaq, saxlamaq və silməyi
+              asanlaşdırır.
             </Para>
           </Center>
         </Section>
 
         <Section background="left-card">
           <Center>
-            <Header>Add interactivity wherever you need it</Header>
+            <Header>İstədiyiniz yerə interaktivlik əlavə edin</Header>
             <Para>
-              React components receive data and return what should appear on the
-              screen. You can pass them new data in response to an interaction,
-              like when the user types into an input. React will then update the
-              screen to match the new data.
+              React komponentləri məlumat qəbul edir və ekranda görünməli olanı
+              geri qaytarır. İstifadəçi bir input-a yazı yazdıqda onlara
+              interaktiv cavab olaraq yeni məlumatı ötürə bilərsiniz. Məsələn
+              istifadəçi bir input-a yazı yazdıqda onlara interaktiv cavab
+              olaraq yeni məlumatı ötürə bilərsiniz. Yeni məlumata uyğun olaraq
+              React ekranı yeniləyəcək.
             </Para>
           </Center>
           <FullBleed>
@@ -215,16 +219,16 @@ export function HomeContent() {
           </FullBleed>
           <Center>
             <Para>
-              You don’t have to build your whole page in React. Add React to
-              your existing HTML page, and render interactive React components
-              anywhere on it.
+              Bütün səhifəni React ilə qurmağa ehtiyac yoxdur. Mövcud HTML
+              səhifənizə React əlavə edin və onunla interaktiv React
+              komponentlərini hər hansı istənilən bir yerə render edin.
             </Para>
             <div className="flex justify-start w-full lg:justify-center">
               <CTA
                 color="gray"
                 icon="code"
                 href="/learn/add-react-to-an-existing-project">
-                Add React to your page
+                Səhifənizə React əlavə edin
               </CTA>
             </div>
           </Center>
@@ -233,15 +237,16 @@ export function HomeContent() {
         <Section background="right-card">
           <Center>
             <Header>
-              Go full-stack <br className="hidden lg:inline" />
-              with a framework
+              Freymvork ilə <br className="hidden lg:inline" />
+              full-stack olun
             </Header>
             <Para>
-              React is a library. It lets you put components together, but it
-              doesn’t prescribe how to do routing and data fetching. To build an
-              entire app with React, we recommend a full-stack React framework
-              like <Link href="https://nextjs.org">Next.js</Link> or{' '}
-              <Link href="https://remix.run">Remix</Link>.
+              React kitabxanadır. O sizə komponentləri birgə qoymağa icazə
+              verir, ancaq o məlumat əldə edilməsini və səhifələrin necə idarə
+              edilməsini göstərmir. Bütün bir applikasiyanı React ilə yığmaq
+              üçün, biz <Link href="https://nextjs.org">Next.js</Link> yaxud da{' '}
+              <Link href="https://remix.run">Remix</Link> kimi full-stack React
+              freymvork-larını tövsiyyə edirik.
             </Para>
           </Center>
           <FullBleed>
@@ -249,17 +254,17 @@ export function HomeContent() {
           </FullBleed>
           <Center>
             <Para>
-              React is also an architecture. Frameworks that implement it let
-              you fetch data in asynchronous components that run on the server
-              or even during the build. Read data from a file or a database, and
-              pass it down to your interactive components.
+              React həmçinin bir arxitekturadır. Freymvorklar sizə serverdə
+              yaxud da build zamanı işləyən asinxron komponentlərdə məlumat əldə
+              edilməsinə şərait yaradır. Fayldan və ya verilənlər bazasından
+              məlumatı oxuyun və bunu interaktiv komponentlərinizə ötürün.
             </Para>
             <div className="flex justify-start w-full lg:justify-center">
               <CTA
                 color="gray"
                 icon="framework"
                 href="/learn/start-a-new-react-project">
-                Get started with a framework
+                Framevorkla öyrənməyə başlayın
               </CTA>
             </div>
           </Center>
@@ -267,12 +272,15 @@ export function HomeContent() {
         <Section background="left-card">
           <div className="mx-auto flex flex-col w-full">
             <div className="mx-auto max-w-4xl lg:text-center items-center px-5 flex flex-col">
-              <Header>Use the best from every platform</Header>
+              <Header>
+                Bütün platformalar üçün ən yaxşısını istifadə edin
+              </Header>
               <Para>
-                People love web and native apps for different reasons. React
-                lets you build both web apps and native apps using the same
-                skills. It leans upon each platform’s unique strengths to let
-                your interfaces feel just right on every platform.
+                İnsanlar veb və nativ applikasiyaları müxtəlif səbəblərə görə
+                sevir. React sizə eyni biliklər ilə veb and nativ
+                applikasiyaları qurmağa şərait yaradır. Sizin interfeyslərin hər
+                platformada eyni hissiyatı verməsi, artıq hər platformanın öz
+                unikal güclərindən asılı olacaq.
               </Para>
             </div>
             <div className="max-w-7xl mx-auto flex flex-col lg:flex-row mt-16 mb-20 lg:mb-28 px-5 gap-20 lg:gap-5">
@@ -286,15 +294,16 @@ export function HomeContent() {
                     <div className="bg-wash relative h-14 w-full" />
                     <div className="relative flex items-start justify-center flex-col flex-1 pb-16 pt-5 gap-3 px-5 lg:px-10 lg:pt-8">
                       <h4 className="leading-tight text-primary font-semibold text-3xl lg:text-4xl">
-                        Stay true to the web
+                        Vebə sadiq qalın
                       </h4>
                       <p className="lg:text-xl leading-normal text-secondary">
-                        People expect web app pages to load fast. On the server,
-                        React lets you start streaming HTML while you’re still
-                        fetching data, progressively filling in the remaining
-                        content before any JavaScript code loads. On the client,
-                        React can use standard web APIs to keep your UI
-                        responsive even in the middle of rendering.
+                        İnsanlar veb applikasiyaların sürətli yüklənməsini
+                        istəyir. Serverdə React sizə HTML-i yükləməyə
+                        başlayarkən hələ də məlumatı yükləməyə, Javascript
+                        kodunun yüklənməsindən əvvəl tam məzmunu doldurmağa
+                        imkan verir. İstifadəçi tərəfdə, render zamanı UI-ın
+                        düzgün görünməsi üçün React standart veb API-larını
+                        istifadə edir.
                       </p>
                     </div>
                   </div>
@@ -372,21 +381,23 @@ export function HomeContent() {
                       </div>
                       <div className="flex flex-col items-start justify-center pt-0 gap-3 px-2.5 lg:pt-8 lg:px-8">
                         <h4 className="leading-tight text-primary dark:text-primary-dark font-semibold text-3xl lg:text-4xl">
-                          Go truly native
+                          Həqiqi nativ qalın
                         </h4>
                         <p className="h-full lg:text-xl text-secondary dark:text-secondary-dark leading-normal">
-                          People expect native apps to look and feel like their
-                          platform.{' '}
+                          İnsanlar nativ tətbiqlərin öz platformalarına uyğun
+                          görünüşə və hissə malik olmasını gözləyir.{' '}
                           <Link href="https://reactnative.dev">
                             React Native
                           </Link>{' '}
-                          and{' '}
+                          və{' '}
                           <Link href="https://github.com/expo/expo">Expo</Link>{' '}
-                          let you build apps in React for Android, iOS, and
-                          more. They look and feel native because their UIs{' '}
-                          <i>are</i> truly native. It’s not a web view—your
-                          React components render real Android and iOS views
-                          provided by the platform.
+                          sizə React applikasiyalarını Android, iOS, və
+                          başqaları üçün yığmağa şərait yaradır. Onlar nativ
+                          görünür və hissiyatı verir çünki onların UI-ı{' '}
+                          həqiqətən nativ-dir. Bu, bir veb görünüşü deyil —
+                          sizin React komponentləriniz platforma tərəfindən
+                          təmin edilən real Android və iOS görünüşlərini render
+                          edir.
                         </p>
                       </div>
                     </div>
@@ -396,14 +407,15 @@ export function HomeContent() {
             </div>
             <div className="px-5 lg:px-0 max-w-4xl mx-auto lg:text-center text-secondary dark:text-secondary-dark">
               <Para>
-                With React, you can be a web <i>and</i> a native developer. Your
-                team can ship to many platforms without sacrificing the user
-                experience. Your organization can bridge the platform silos, and
-                form teams that own entire features end-to-end.
+                React ilə siz eyni zamanda veb <i>və</i> nativ developer ola
+                bilərsiniz. Sizin komandanız istifadəçi təcrübəsindən asılı
+                olmadan çoxlu platformalara dəstək ola bilər. Sizin təşkilatınız
+                platformalar arasındakı boşluqları aradan qaldıra bilər və bütün
+                xüsusiyyətlərin sahibi olan komandalar yarada bilər.
               </Para>
               <div className="flex justify-start w-full lg:justify-center">
                 <CTA color="gray" icon="native" href="https://reactnative.dev/">
-                  Build for native platforms
+                  Nativ platformalar üçün inşa edin
                 </CTA>
               </div>
             </div>
@@ -414,23 +426,24 @@ export function HomeContent() {
           <div className="max-w-7xl mx-auto flex flex-col lg:flex-row px-5">
             <div className="max-w-3xl lg:max-w-7xl gap-5 flex flex-col lg:flex-row lg:px-5">
               <div className="w-full lg:w-6/12 max-w-3xl flex flex-col items-start justify-start lg:pl-5 lg:pr-10">
-                <Header>Upgrade when the future is ready</Header>
+                <Header>Yenilik hazır olduğunda yeniləmə edin</Header>
                 <Para>
-                  React approaches changes with care. Every React commit is
-                  tested on business-critical surfaces with over a billion
-                  users. Over 100,000 React components at Meta help validate
-                  every migration strategy.
+                  React yeniliklərə diqqətlə yanaşır. Hər React commitin-də bir
+                  milyard istifadəçisi olan kritik səthlərdə test olunur.
+                  Meta-da 100.000-dən çox React komponenti hər köçürmə
+                  strategiyasını təsdiqləməyə kömək edir.
                 </Para>
                 <div className="order-last pt-5">
                   <Para>
-                    The React team is always researching how to improve React.
-                    Some research takes years to pay off. React has a high bar
-                    for taking a research idea into production. Only proven
-                    approaches become a part of React.
+                    React komandası həmişə React-i inkişaf etdirmək üçün
+                    araşdırmalar aparır. Bəzən araşdırmaların nəticələri almaq
+                    üçün illər keçə bilər. React-də bir araşdırma ideyasını
+                    reallaşdırmaq üçün yüksək standartlar tətbiq edilir. Ancaq
+                    təsdiqlənmiş yanaşmalar React-in bir hissəsi olur.
                   </Para>
                   <div className="hidden lg:flex justify-start w-full">
                     <CTA color="gray" icon="news" href="/blog">
-                      Read more React news
+                      Daha çox React xəbərləri oxu
                     </CTA>
                   </div>
                 </div>
@@ -438,7 +451,7 @@ export function HomeContent() {
               <div className="w-full lg:w-6/12">
                 <p className="uppercase tracking-wide font-bold text-sm text-tertiary dark:text-tertiary-dark flex flex-row gap-2 items-center mt-5 lg:-mt-2 w-full">
                   <IconChevron />
-                  Latest React News
+                  Sonuncu React xəbərləri
                 </p>
                 <div className="flex-col sm:flex-row flex-wrap flex gap-5 text-left my-5">
                   <div className="flex-1 min-w-[40%]">
@@ -456,7 +469,7 @@ export function HomeContent() {
                 </div>
                 <div className="flex lg:hidden justify-start w-full">
                   <CTA color="gray" icon="news" href="/blog">
-                    Read more React news
+                    Daha çox React xəbərləri oxu
                   </CTA>
                 </div>
               </div>
@@ -468,14 +481,12 @@ export function HomeContent() {
           <div className="w-full">
             <div className="mx-auto flex flex-col max-w-4xl">
               <Center>
-                <Header>
-                  Join a community <br className="hidden lg:inline" />
-                  of millions
-                </Header>
+                <Header>Milyonların icmasına qoşul</Header>
                 <Para>
-                  You’re not alone. Two million developers from all over the
-                  world visit the React docs every month. React is something
-                  that people and teams can agree on.
+                  Sən tək deyilsən. Dünyanın hər yerindən iki milyondan çox
+                  proqramçı ayda bir dəfə React sənədlərinə baxır. React
+                  insanların və komandaların razılaşa biləcəyi bir
+                  texnologiyadır.
                 </Para>
               </Center>
             </div>
@@ -483,13 +494,15 @@ export function HomeContent() {
             <div className="mx-auto flex flex-col max-w-4xl">
               <Center>
                 <Para>
-                  This is why React is more than a library, an architecture, or
-                  even an ecosystem. React is a community. It’s a place where
-                  you can ask for help, find opportunities, and meet new
-                  friends. You will meet both developers and designers,
-                  beginners and experts, researchers and artists, teachers and
-                  students. Our backgrounds may be very different, but React
-                  lets us all create user interfaces together.
+                  Bu səbəbdən React bir kitabxana, arxitektura və hətta bir
+                  ekosistəmdən çox daha çoxudur. React bir icmadır. Burada kömək
+                  istəyə, imkanlar axtarmağa və yeni dostlarla tanış olmağa
+                  imkanınız var. Burada siz developerlər və dizaynerlər, yeni
+                  başlayan və təcrübəli ekspertlərlə, araşdırıcılar və
+                  sənətkarlar, müəllimlər və tələbələr ilə qarşılaşacaqsınız.
+                  Bizim keçmiş təcrübələrimiz fərqli ola bilər, ancaq React
+                  bizim hamımıza birgə istifadəçi interfeysləri yaratmağa imkan
+                  tanıyır.
                 </Para>
               </Center>
             </div>
@@ -498,15 +511,15 @@ export function HomeContent() {
           <div className="mt-20 px-5 lg:px-0 mb-6 max-w-4xl text-center text-opacity-80">
             <Logo className="text-link dark:text-link-dark w-24 lg:w-28 mb-10 lg:mb-8 mt-12 h-auto mx-auto self-start" />
             <Header>
-              Welcome to the <br className="" />
-              React community
+              React icmasına <br className="" />
+              Xoş gəlmisiniz
             </Header>
             <ButtonLink
               href={'/learn'}
               type="primary"
               size="lg"
-              label="Take the Tutorial">
-              Get Started
+              label="Öyrədici dərsliklə başla">
+              Gəlin başlayaq
             </ButtonLink>
           </div>
         </Section>
diff --git a/src/components/Seo.tsx b/src/components/Seo.tsx
index e76df63e2..ec56490d5 100644
--- a/src/components/Seo.tsx
+++ b/src/components/Seo.tsx
@@ -42,7 +42,7 @@ function getDomain(languageCode: string): string {
 export const Seo = withRouter(
   ({
     title,
-    description = 'The library for web and native user interfaces',
+    description = 'Veb və yerli istifadəçi interfeysləri üçün kitabxana',
     image = '/images/og-default.png',
     router,
     children,
diff --git a/src/content/index.md b/src/content/index.md
index 0ef5df597..bda2dfc1d 100644
--- a/src/content/index.md
+++ b/src/content/index.md
@@ -1,6 +1,6 @@
 ---
 id: home
-title: React – The library for web and native user interfaces
+title: React – Veb və yerli istifadəçi interfeysləri üçün kitabxana
 permalink: index.html
 ---
 
diff --git a/src/sidebarBlog.json b/src/sidebarBlog.json
index d6258e4a2..643ac0a08 100644
--- a/src/sidebarBlog.json
+++ b/src/sidebarBlog.json
@@ -12,22 +12,22 @@
       "skipBreadcrumb": true,
       "routes": [
         {
-          "title": "React Labs: What We've Been Working On – March 2023",
-          "titleForHomepage": "React Labs: March 2023",
+          "title": "React Laboratoriyası: Biz nəyin üzərində işləyirdik – Mart 2023",
+          "titleForHomepage": "React Laboratoriyası: Mart 2023",
           "icon": "labs",
           "date": "March 22, 2023",
           "path": "/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023"
         },
         {
-          "title": "Introducing react.dev",
-          "titleForHomepage": "Introducing react.dev",
+          "title": " react.dev Təqdimatı",
+          "titleForHomepage": " react.dev Təqdimatı",
           "icon": "blog",
           "date": "March 16, 2023",
           "path": "/blog/2023/03/16/introducing-react-dev"
         },
         {
-          "title": "React Labs: What We've Been Working On – June 2022",
-          "titleForHomepage": "React Labs: June 2022",
+          "title": "React Laboratoriyası: Biz nəyin üzərində işləyirdik – İyun 2022",
+          "titleForHomepage": "React Lab: İyun 2022",
           "icon": "labs",
           "date": "June 15, 2022",
           "path": "/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022"
@@ -40,35 +40,35 @@
           "path": "/blog/2022/03/29/react-v18"
         },
         {
-          "title": "How to Upgrade to React 18",
+          "title": "React 18-ə necə yüksəltməli",
           "titleForHomepage": "Upgrading to React 18",
           "icon": "blog",
           "date": "March 8, 2022",
           "path": "/blog/2022/03/08/react-18-upgrade-guide"
         },
         {
-          "title": "React Conf 2021 Recap",
+          "title": "React Conf 2021 qısa təsviri",
           "titleForHomepage": "React Conf 2021 Recap",
           "icon": "blog",
           "date": "December 17, 2021",
           "path": "/blog/2021/12/17/react-conf-2021-recap"
         },
         {
-          "title": "The Plan for React 18",
+          "title": "React 18 üçün plan",
           "titleForHomepage": "The Plan for React 18",
           "icon": "blog",
           "date": "June 8, 2021",
           "path": "/blog/2021/06/08/the-plan-for-react-18"
         },
         {
-          "title": "Introducing Server Components",
+          "title": "Server Komponentlərinin Təqdimatı",
           "titleForHomepage": "Introducing Server Components",
           "icon": "labs",
           "date": "December 21, 2020",
           "path": "/blog/2020/12/21/data-fetching-with-react-server-components"
         },
         {
-          "title": "Older posts",
+          "title": "Köhnə bloqlar",
           "path": "https://reactjs.org/blog/all.html"
         }
       ]
diff --git a/src/sidebarLearn.json b/src/sidebarLearn.json
index 89d5cffca..989dce0ad 100644
--- a/src/sidebarLearn.json
+++ b/src/sidebarLearn.json
@@ -1,5 +1,5 @@
 {
-  "title": "Learn React",
+  "title": "React öyrən",
   "path": "/learn",
   "routes": [
     {