feat: move /organisations to /organizations

CONTRIBUTING.MD

@@ -1,6 +1,6 @@
 # Contributing guide
 
-Thanks for your contribution 🥳 to the Fastily website redesign project!
+Thanks for your contribution 🥳 to the Fastify website redesign project!
 
 [Code of Conduct](https://github.com/fastify/.github/blob/main/CODE_OF_CONDUCT.md)
 

README.md

@@ -21,7 +21,7 @@ This command starts a local development server and opens up a browser window.
 Most changes are reflected live without having to restart the server.
 
 Note that only the documentations listed in the `versions.json` file will be available.  
-So, if you have a long version list, your local enviroment will be slowed down.
+So, if you have a long version list, your local environment will be slowed down.
 
 ### Build
 

docusaurus.config.js

@@ -118,7 +118,7 @@ const config = {
           },
           { to: '/ecosystem', label: 'Ecosystem', position: 'left' },
           { to: '/benchmarks', label: 'Benchmarks', position: 'left' },
-          { to: '/organisations', label: 'Adopters', position: 'left' },
+          { to: '/organizations', label: 'Adopters', position: 'left' },
           { to: '/contribute', label: 'Contribute', position: 'left' },
           { to: '/resources', label: 'Resources', position: 'left' },
           {
@@ -205,6 +205,12 @@ const config = {
       // This plugin does not work in dev mode
       '@docusaurus/plugin-client-redirects',
       {
+        redirects: [
+          {
+            from: '/organisations',
+            to: '/organizations',
+          },
+        ],
         createRedirects(existingPath) {
           // Legacy/Retro compatibility:
 

docusaurus.config.utils.js

@@ -17,7 +17,7 @@ function checkGeneratedData() {
   const generatedFiles = [
     'static/generated/acknowledgements.json',
     'static/generated/benchmarks.json',
-    'static/generated/organisations.json',
+    'static/generated/organizations.json',
     'static/generated/plugins.json',
     'static/generated/team.json',
   ]
@@ -90,7 +90,7 @@ function manageRedirects({ existingPath, major, versions, versionsShipped, ignor
     return existingPath
       .replace(`/docs/${versionName}`, oldPath) // Replace the version with the old path
       .replace(/Guides\/(?!Contributing)/g, '') // Remove Guides/ from the path (it has been added in v4)
-      .replace(/Reference\//g, '') // Remove Refecerence/ from the path (it has been added in v4)
+      .replace(/Reference\//g, '') // Remove Reference/ from the path (it has been added in v4)
   })
 
   // Remove duplicates

scripts/build-static-data.js

@@ -31,8 +31,8 @@ execute([
 
   // ##### Organizations
   {
-    staticDataFile: path.join(__dirname, '../static/data/organisations.yml'),
-    outputFile: path.join(__dirname, '../static/generated/organisations.json'),
+    staticDataFile: path.join(__dirname, '../static/data/organizations.yml'),
+    outputFile: path.join(__dirname, '../static/generated/organizations.json'),
     sideEffect: (data) => {
       // Sort alphabetically by `name` lowercase
       data.sort((a, b) => {

src/components/Organisations/index.jsx → src/components/Organizations/index.jsx

@@ -1,12 +1,12 @@
 import React from 'react'
 import useBaseUrl from '@docusaurus/useBaseUrl'
 
-import organizationsData from '@site/static/generated/organisations.json'
+import organizationsData from '@site/static/generated/organizations.json'
 import styles from './styles.module.css'
 
-export default function Organisations({ maxItems }) {
+export default function Organizations({ maxItems }) {
   return (
-    <ul className={styles.organisationsList}>
+    <ul className={styles.organizationsList}>
       {shuffle(organizationsData, { maxItems: maxItems }).map((organization, index) => (
         <li key={index}>
           <OrganizationItem organization={organization} />
@@ -19,7 +19,7 @@ export default function Organisations({ maxItems }) {
 function OrganizationItem({ organization }) {
   return (
     <a href={organization.link} target="_blank" rel="noreferrer">
-      <img src={useBaseUrl(`/img/organisations/${organization.image}`)} alt={`${organization.name} is using Fastify`} />
+      <img src={useBaseUrl(`/img/organizations/${organization.image}`)} alt={`${organization.name} is using Fastify`} />
     </a>
   )
 }

src/components/Organisations/styles.module.css → src/components/Organizations/styles.module.css

@@ -1,4 +1,4 @@
-.organisationsList {
+.organizationsList {
   margin: 0;
   padding: 0;
   display: flex;
@@ -9,29 +9,29 @@
   justify-items: center;
 }
 
-[data-theme='dark'] .organisationsList {
+[data-theme='dark'] .organizationsList {
   background-color: var(--ifm-color-secondary-dark);
   border-radius: var(--ifm-code-border-radius);
 }
 
-.organisationsList li {
+.organizationsList li {
   align-items: center;
   display: flex;
   justify-content: center;
   margin: 0.6rem;
 }
 
-.organisationsList li a {
+.organizationsList li a {
   text-decoration: none;
 }
 
-.organisationsList li a img {
+.organizationsList li a img {
   max-height: 60px;
   max-width: 160px;
   filter: grayscale(100%);
   transition: all 0.5s;
 }
 
-.organisationsList li a:hover img {
+.organizationsList li a:hover img {
   filter: none;
 }

src/pages/index.jsx

@@ -5,7 +5,7 @@ import Layout from '@theme/Layout'
 import Link from '@docusaurus/Link'
 
 import HomepageHeader from '@site/src/components/HomePageHeader/index.jsx'
-import Organisations from '@site/src/components/Organisations'
+import Organizations from '@site/src/components/Organizations'
 import Team from '@site/src/components/Team'
 import QuickStart from '@site/src/components/QuickStart'
 
@@ -39,12 +39,12 @@ export default function Home() {
         <section className="section">
           <div className="container">
             <h1>Who is using Fastify?</h1>
-            <p>Fastify is proudly powering a large ecosystem of organisations and products out there.</p>
+            <p>Fastify is proudly powering a large ecosystem of organizations and products out there.</p>
             <p>
-              Discover <Link to="/organisations">more organisations using Fastify</Link>. Do you want your organisation
-              to <Link to="/organisations#how-to-be-featured-here">be featured here</Link>?
+              Discover <Link to="/organizations">more organizations using Fastify</Link>. Do you want your organization
+              to <Link to="/organizations#how-to-be-featured-here">be featured here</Link>?
             </p>
-            <Organisations maxItems={12} />
+            <Organizations maxItems={12} />
           </div>
         </section>
 
@@ -108,11 +108,10 @@ export default function Home() {
               <div className="col col--6">
                 <h1>Ecosystem</h1>
                 <p>
-                  Fastify has an ever-growing ecosystem of plugins. Probably there is already a plugin for your
-                  favourite database or template language. Have a look at the{' '}
-                  <Link to="/ecosystem">Ecosystem page</Link> to navigate through the currently available plugins.
-                  Can&#39;t you find the plugin you are looking for? No problem,{' '}
-                  <Link to="/docs/latest/Reference/Plugins">it&#39;s very easy to write one</Link>!
+                  Fastify has an ever-growing ecosystem of plugins. Probably there is already a plugin for your favorite
+                  database or template language. Have a look at the <Link to="/ecosystem">Ecosystem page</Link> to
+                  navigate through the currently available plugins. Can&#39;t you find the plugin you are looking for?
+                  No problem, <Link to="/docs/latest/Reference/Plugins">it&#39;s very easy to write one</Link>!
                 </p>
                 <p>
                   <Link to="/ecosystem" className="button button--lg button--primary">

src/pages/organisations.mdx → src/pages/organizations.mdx

@@ -1,38 +1,38 @@
 import HeroBanner from '@site/src/components/HeroBanner'
-import Organisations from '@site/src/components/Organisations'
+import Organizations from '@site/src/components/Organizations'
 
-<HeroBanner title="Organisations using Fastify" />
+<HeroBanner title="Organizations using Fastify" />
 
-Fastify is proudly powering a large ecosystem of organisations and products out there.
+Fastify is proudly powering a large ecosystem of organizations and products out there.
 
-Below is a list of some of the organisations adopting Fastify.
+Below is a list of some of the organizations adopting Fastify.
 
-<Organisations />
+<Organizations />
 
-_The logos displayed in this page are property of the respective organisations and they are not distributed under the same license as Fastify (MIT)._
+_The logos displayed in this page are property of the respective organizations and they are not distributed under the same license as Fastify (MIT)._
 
 ## How to be featured here
 
-Is your organisation using Fastify? That's great!
+Is your organization using Fastify? That's great!
 
-If you would like your organisation to have its logo featured in this list, here's how you do it! You can submit your organisation, your logo and other few relevant details by following these steps:
+If you would like your organization to have its logo featured in this list, here's how you do it! You can submit your organization, your logo and other few relevant details by following these steps:
 
 1. Fork the [Fastify website repository](https://github.com/fastify/website) on GitHub
-2. Add the logo in the `static/img/organisations` folder
+2. Add the logo in the `static/img/organizations` folder
 
 Please make sure that your logo complies to the following specs:
 
 - Encoded in SVG (Scalable Vector Graphics) format
 - Be reasonably optimized/minified _(you can use [imageOptim](https://imageoptim.com/))_
 - Make sure image "width" or "height" are explicitly specified in the "svg" tag
 
-3. Update the `static/data/organisations.yml` file with a new entry
+3. Update the `static/data/organizations.yml` file with a new entry
 
 Your entry must provide:
 
-- `name`: the name of your organisation
+- `name`: the name of your organization
 - `image`: the filename of the logo you added in the previous step
-- `link`: a link to a website that represents your organisation
+- `link`: a link to a website that represents your organization
 
 4. Submit the PR!