seo

Daniel Del Core · Daniel Del Core · commit 8f58bbbf9797 · 2022-12-13T12:16:37.000+11:00
diff --git a/website/docs/authoring.mdx b/website/docs/authoring.mdx
@@ -2,6 +2,9 @@
 id: authoring
 title: Authoring
 slug: /authoring
+
+description: Learn how to author and contribute codemods. From setting up your development environment to publishing your codemod for others to use.
+keywords: [codemod, authoring, contribution, publishing, deployment]
 ---
 
 There are currently three approaches to authoring and publishing a codeshift package.
diff --git a/website/docs/configuration.mdx b/website/docs/configuration.mdx
@@ -2,6 +2,8 @@
 id: configuration
 title: Configuration
 slug: /configuration
+description: Learn how to configure codeshift. This page covers the different ways you can configure codemods withing your codebase.
+keywords: [codemod, configuration, presets, deployment, publishing]
 ---
 
 All codeshift packages must be coupled with a `codeshift.config.js` file.
diff --git a/website/docs/consuming.mdx b/website/docs/consuming.mdx
@@ -2,6 +2,9 @@
 id: consuming
 title: Consuming
 slug: /consuming
+description: Learn how to consume codemods. This page covers the different ways you can use codemods to automatically refactor your codebase, including integrating them into your development workflow and running them from the command line.
+keywords:
+  [codemod, consuming, refactor, codebase, development workflow, command line]
 ---
 
 Running codemods is made simple through our CLI tool, [@codeshift/cli](/docs/cli).
diff --git a/website/docs/contribution.mdx b/website/docs/contribution.mdx
@@ -2,9 +2,13 @@
 id: contribution
 title: Contribution
 slug: /contribution
+description: Learn how to contribute codemods. This page covers the process of authoring and publishing codemods, including tips and best practices for creating high-quality codemods that others can use and benefit from.
+keywords: [codemod, contribution, authoring, publishing, tips, best practices]
 ---
 
-This page covers contribution to [the public registry](https://github.com/CodeshiftCommunity/CodeshiftCommunity/tree/main/community) and is for authors who want:
+This page covers the process of authoring and publishing codemods, including tips and best practices for creating high-quality codemods that others can use and benefit from.
+
+It is intended to explain in detail contribution to [the public registry](https://github.com/CodeshiftCommunity/CodeshiftCommunity/tree/main/community) and is for authors who want:
 
 - Codemods to be open source
 - Build tooling, dependency management and project setup to be handled for you
diff --git a/website/docs/external-packages.mdx b/website/docs/external-packages.mdx
@@ -2,6 +2,8 @@
 id: external-packages
 title: External Packages
 slug: /external-packages
+description: Learn how to create stand-alone codeshift packages. This page covers the process of packaging your codemods as standalone npm packages, including tips and best practices for creating packages that are easy to use and maintain.
+keywords: [codeshift, package, creation, npm, tips, best practices]
 ---
 
 This page covers creation of stand-alone codeshift packages and is for authors who want:
diff --git a/website/docs/guides/css-codemods.mdx b/website/docs/guides/css-codemods.mdx
@@ -2,8 +2,12 @@
 id: css-codemods
 title: CSS codemods via PostCSS
 slug: /css-codemods
+description: Learn how to create CSS codemods. This page covers the process of writing codemods that can automatically refactor CSS stylesheets, including tips and best practices for working with CSS and creating maintainable codemods.
+keywords: [stylesheets, postcss, stylus, css-in-js]
 ---
 
+This page covers the process of writing codemods that can automatically refactor CSS stylesheets, including tips and best practices for working with CSS and creating maintainable codemods.
+
 In some cases, it's possible that you may need to write a codemod that applies changes across different programming languages JS, CSS, etc.
 It could be because the package you're writing a codemod for has an API that spans across both JS and CSS, for example a Design System or CSS-in-JS library. Where some of your consumers may be using the JS interface and some the CSS interface.
 
diff --git a/website/docs/guides/monorepos.mdx b/website/docs/guides/monorepos.mdx
@@ -2,6 +2,8 @@
 id: monorepos
 title: Integrating with monorepos
 slug: /monorepos
+description: Learn about monorepos and how they can be used with codeshift. This page covers the benefits of using a monorepo for your codebase, including improved organization, collaboration, and scalability. We'll also discuss how to use codeshift to automatically refactor code in a monorepo and the best practices for working with monorepos and codemods.
+keywords: [monorepos, workspaces, lerna, yarn, scalability, packages]
 ---
 
 Codeshift is specifically designed to play nicely with monorepos (AKA multi-package repositories, multi-project repositories, or monolithic repositories) such as [Turborepo](https://turborepo.org/), [Yarn](https://classic.yarnpkg.com/lang/en/docs/workspaces/), [npm](https://docs.npmjs.com/cli/v7/using-npm/workspaces/) and [pnpm](https://pnpm.io/workspaces) workspaces and [Lerna](https://lerna.js.org/).
diff --git a/website/docs/guides/understanding-asts.mdx b/website/docs/guides/understanding-asts.mdx
@@ -2,9 +2,11 @@
 id: understanding-asts
 title: Understanding ASTs
 slug: /understanding-asts
+description: Learn about abstract syntax trees (ASTs) and how they are used in codemods. This page covers the basics of ASTs, including what they are and how they are used to represent the structure of code. We'll also discuss how to read and manipulate ASTs in your codemods to automatically refactor your codebase.
+keywords: [abstract syntax trees, ASTs, codemods, refactor, codebase]
 ---
 
-Before writing your first codemod, it’s important to first have a good conceptual understanding of ASTs and how to work with them.
+Before writing your first codemod, it’s important to first have a good conceptual understanding of ASTs (abstract syntax trees) and how to work with them.
 
 ## Abstract Syntax Tree (aka AST)
 
diff --git a/website/docs/introduction.mdx b/website/docs/introduction.mdx
@@ -2,6 +2,8 @@
 id: introduction
 title: Introduction
 slug: /
+description: 'Welcome to the codeshiftcommunity. This is a community of developers who use codeshift to automatically refactor their codebase. Join us to learn more about codeshift, share your own codemods, and collaborate with others.'
+keywords: [codeshift, getting started, best practices]
 ---
 
 CodeshiftCommunity is a community-owned global registry and documentation hub for codemods. This project provides users and maintainers of libraries with tools and resources to help them [write](authoring), [test](testing), [publish](contribution) and [use](consuming) codemods in a structured and familiar way. By providing a standardized platform for codemod authoring, publishing, and consumption, CodeshiftCommunity aims to promote the use of codemods as a standard development practice and reduce the learning curve for these tools.
diff --git a/website/docs/registry.mdx b/website/docs/registry.mdx
@@ -2,12 +2,22 @@
 id: registry
 title: Registry
 slug: /registry
+description: Welcome to the codemod registry. This is a collection of high-quality codemods that have been contributed by members of the codeshiftcommunity. Browse our registry to find codemods that can help you automatically refactor your codebase, or contribute your own codemods to share with the community.'
+keywords:
+  [
+    codemod registry,
+    codeshiftcommunity,
+    codemods,
+    refactor,
+    codebase,
+    contribution,
+  ]
 ---
 
-Welcome to the CodeshiftCommunity Public Registry. This registry contains community contributed codemods,
-hosted and published directly from the CodeshiftCommunity repository.
+Welcome to the CodeshiftCommunity Public Registry. This is a collection of high-quality codemods that have been contributed by members of the community.
+Browse our registry to find codemods that can help you automatically refactor your codebase, or contribute your own codemods to share with the community.
 
-Source for these packages are located in the [/community folder](https://github.com/CodeshiftCommunity/CodeshiftCommunity/tree/main/community).
+Source for these packages can be found in the [/community folder](https://github.com/CodeshiftCommunity/CodeshiftCommunity/tree/main/community).
 
 ## Contribution
 
diff --git a/website/docs/testing.mdx b/website/docs/testing.mdx
@@ -2,8 +2,21 @@
 id: testing
 title: Testing
 slug: /testing
+description: "Learn how to test your codemods. This page covers the different methods and tools you can use to ensure that your codemods are working correctly, including unit tests, integration tests, and end-to-end tests. We'll also discuss best practices for writing effective tests that can help you catch bugs and improve the quality of your codemods."
+keywords:
+  [
+    testing,
+    codemods,
+    unit tests,
+    integration tests,
+    end-to-end tests,
+    best practices,
+  ]
 ---
 
+Learn how to test your codemods. This page covers the different methods and tools you can use to ensure that your codemods are working correctly, including unit tests, integration tests, and end-to-end tests.
+We'll also discuss best practices for writing effective tests that can help you catch bugs and improve the quality of your codemods.
+
 It's very likely that consumers will run into all sorts of edge-cases when running your codemod. That's why it's important to always start by writing tests (TDD style) to assert its behavior.
 Think about a start and end state. How you might be able to achieve that? What edge-cases can potentially arise?
 
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
@@ -15,7 +15,17 @@ module.exports = {
       {
         name: 'twitter:card',
         content:
-          'The community-owned global registry and documentation hub for codemods',
+          'Discover the power of codemods for your development workflow. Our tools and resources allow you to easily manage dependencies, automate refactoring, and transform your codebase. With support for code migration and evolution, you can modernize your code and keep it up-to-date with the latest best practices. Try our tools today and improve your development process.',
+      },
+      {
+        name: 'og:description',
+        content:
+          'Discover the power of codemods for your development workflow. Our tools and resources allow you to easily manage dependencies, automate refactoring, and transform your codebase. With support for code migration and evolution, you can modernize your code and keep it up-to-date with the latest best practices. Try our tools today and improve your development process.',
+      },
+      {
+        name: 'keywords',
+        content:
+          'codemods, code migration, code evolution, dependency management, automated refactoring, code transformation, development tools, code modernization, source code modification',
       },
     ],
     prism: {
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
@@ -15,17 +15,27 @@ export default function Home() {
   const { siteConfig = {} } = context;
   return (
     <Layout
-      title={siteConfig.title}
-      description="Write, test, publish and consume codemods in a structured, standardized and familiar way."
+      title={
+        'Codemods for Improved Development Workflow - Automate Refactoring, Manage Dependencies, and Modernize Your Code'
+      }
+      description="Discover the power of codemods for your development workflow. Our tools and resources allow you to easily manage dependencies, automate refactoring, and transform your codebase. With support for code migration and evolution, you can modernize your code and keep it up-to-date with the latest best practices. Try our tools today and improve your development process."
     >
       <header className={clsx(styles.heroBanner)}>
         <div className={clsx(styles.container, styles.heroContainer)}>
           <h1 className={clsx(styles.heroHeadingBanner)}>
             The community-owned codemod registry.
           </h1>
           <p className="hero__subtitle">
-            Write, test, publish and consume codemods in a structured,
-            standardized and familiar way.
+            Discover the power of codemods for your development workflow. Our
+            tools and resources allow you to easily manage dependencies,
+            automate refactoring, and transform your codebase.
+          </p>
+          <p className="hero__subtitle">
+            With support for code migration and evolution, you can modernize
+            your code and keep it up-to-date with the latest best practices.
+          </p>
+          <p className="hero__subtitle">
+            Try our tools today and improve your development process.
           </p>
           <p></p>
           <Link
