feat: links renaming

.github/workflows/build-dry-run.yml

@@ -31,6 +31,9 @@ jobs:
       PUBLIC_PERSONA_GENERATOR_API_URL: 'http://dry.run'
       PUBLIC_APP_HOSTING_URL: 'http://dry.run'
       PUBLIC_APP_AGENTS_URL: 'http://dry.run'
+      PUBLIC_APP_ELIZA_URL: 'http://dry.run'
+      PUBLIC_APP_NEW_HOSTING_URL: 'http://dry.run'
+      PUBLIC_APP_RESOURCES_URL: 'http://dry.run'
       PUBLIC_OPEN_API_ENDPOINT: 'http://dry.run'
     steps:
       - name: Checkout

.github/workflows/fleek-deploy-common.yml

@@ -39,6 +39,9 @@ jobs:
       PUBLIC_UI_AGENTS_APP_URL: ${{ vars.PUBLIC_UI_AGENTS_APP_URL }}
       PUBLIC_PERSONA_GENERATOR_API_URL: ${{ vars.PUBLIC_PERSONA_GENERATOR_API_URL }}
       PUBLIC_APP_HOSTING_URL: ${{ vars.PUBLIC_APP_HOSTING_URL }}
+      PUBLIC_APP_ELIZA_URL: ${{ vars.PUBLIC_APP_ELIZA_URL }}
+      PUBLIC_APP_NEW_HOSTING_URL: ${{ vars.PUBLIC_APP_NEW_HOSTING_URL }}
+      PUBLIC_APP_RESOURCES_URL: ${{ vars.PUBLIC_APP_RESOURCES_URL }}
       PUBLIC_APP_AGENTS_URL: ${{ vars.PUBLIC_APP_AGENTS_URL }}
       PUBLIC_OPEN_API_ENDPOINT: ${{ vars.PUBLIC_OPEN_API_ENDPOINT }}
     steps:

README.md

@@ -127,6 +127,9 @@ PUBLIC_GRAPHQL_ENDPOINT="https://graphql.service.fleek.xyz/graphql"
 PUBLIC_DYNAMIC_ENVIRONMENT_ID="de23a5f0-aaa5-412e-8212-4fb056a3b30d"
 PUBLIC_APP_HOSTING_URL="https://fleek.xyz/dashboard"
 PUBLIC_APP_AGENTS_URL="https://fleek.xyz/agents"
+PUBLIC_APP_ELIZA_URL="https://eliza.fleek.xyz"
+PUBLIC_APP_NEW_HOSTING_URL="https://hosting.fleek.xyz"
+PUBLIC_APP_RESOURCES_URL="https://resources.fleek.xyz"
 PUBLIC_POSTHOG_HOST="https://us.i.posthog.com"
 PUBLIC_POSTHOG_API_KEY="phc_SdvLWEagL7nAauyEBun0ZF6v59DxMIk8ofzI91gpIUw"
 PUBLIC_OPEN_API_ENDPOINT="https://api.fleek.xyz/api/openapi.json"
@@ -201,6 +204,9 @@ If you are testing locally, you may be interested in tweaking your environment v
 ```sh
 PUBLIC_APP_HOSTING_URL="http://localhost:3002/dashboard"
 PUBLIC_APP_AGENTS_URL="http://localhost:3002/agents"
+PUBLIC_APP_ELIZA_URL="http://localhost:3002/docs/ai-agents"
+PUBLIC_APP_NEW_HOSTING_URL="http://localhost:3002/docs/platform"
+PUBLIC_APP_RESOURCES_URL="http://localhost:3002/docs"
 ```
 
 Note that the `preview` is a custom process that is aware of site's hosted applications. It doesn't support Astrojs previewer features! Instead, this is a custom HTTP server for local purposes supportin the single page applications. To learn more, read the [Single page applications setup](#single-page-applications-setup-spa).

src/components/Footer/config.ts

@@ -2,7 +2,6 @@ import settings from '@base/settings.json';
 
 const {
   careersUrl,
-  reportAbuseUrl,
   statusURl,
   mediaKit,
   fleekNetworkWebsiteUrl,
@@ -11,6 +10,10 @@ const {
 
 const { fleekPlatformOrgUrl } = settings.github;
 
+const resourcesUrl = import.meta.env.PUBLIC_APP_RESOURCES_URL;
+const elizaUrl = import.meta.env.PUBLIC_APP_ELIZA_URL;
+const hostingUrl = import.meta.env.PUBLIC_APP_HOSTING_URL;
+
 export default {
   fleekPlatformOrgUrl,
   developers: [
@@ -22,7 +25,7 @@ export default {
     },
     {
       text: 'Changelog',
-      url: '/changelog/',
+      url: resourcesUrl.concat('/changelog/'),
       target: '_blank',
       rel: 'noopener noreferrer',
     },
@@ -42,11 +45,11 @@ export default {
   company: [
     {
       text: 'Blog',
-      url: '/blog/',
+      url: resourcesUrl.concat('/blog/'),
     },
     {
       text: 'Pricing',
-      url: '/pricing/',
+      url: resourcesUrl.concat('/pricing/'),
     },
     {
       text: 'Careers',
@@ -56,43 +59,43 @@ export default {
     },
     {
       text: 'About',
-      url: '/about/',
+      url: resourcesUrl.concat('/about/'),
     },
     {
       text: 'Terms of Service',
-      url: '/legal/terms-of-service/',
+      url: resourcesUrl.concat('/legal/terms-of-service/'),
     },
     {
       text: 'Privacy Policy',
-      url: '/legal/privacy-policy/',
+      url: resourcesUrl.concat('/legal/privacy-policy/'),
     },
     {
       text: 'Contact us',
-      url: '/requests/new/',
+      url: resourcesUrl.concat('/requests/new/'),
     },
   ],
   product: [
     {
       text: 'AI agent hosting',
-      url: '/agents/',
+      url: elizaUrl,
     },
     {
       text: 'Web app hosting',
-      url: '/docs/platform/hosting/',
+      url: hostingUrl.concat('/hosting/'),
     },
     {
       text: 'Fleek Machines',
-      url: '/docs/platform/fleek-machines/',
+      url: hostingUrl.concat('/fleek-machines/'),
     },
     {
       text: 'Fleek Functions',
-      url: '/docs/platform/fleek-functions/',
+      url: hostingUrl.concat('/fleek-functions/'),
     },
   ],
   resources: [
     {
       text: 'Documentation',
-      url: '/docs/',
+      url: resourcesUrl.concat('/docs/'),
     },
     {
       text: 'Media kit',
@@ -102,16 +105,16 @@ export default {
     },
     {
       text: 'Guides',
-      url: '/guides/',
+      url: resourcesUrl.concat('/guides/'),
     },
     {
       text: 'Support',
-      url: '/support/',
+      url: resourcesUrl.concat('/support/'),
       rel: 'noopener noreferrer',
     },
     {
       text: 'Report abuse',
-      url: reportAbuseUrl,
+      url: resourcesUrl.concat('/requests/report-site/'),
       target: '_blank',
       rel: 'noopener noreferrer',
     },

src/components/Navbar/config.ts

@@ -4,6 +4,9 @@ import settings from '@base/settings.json';
 import { isClient } from '@utils/common';
 
 const dashboardUrl = import.meta.env.PUBLIC_APP_HOSTING_URL;
+const elizaUrl = import.meta.env.PUBLIC_APP_ELIZA_URL;
+const resourcesUrl = import.meta.env.PUBLIC_APP_RESOURCES_URL;
+const hostingUrl = import.meta.env.PUBLIC_APP_NEW_HOSTING_URL;
 
 type NavMenuItemBase = {
   label: string;
@@ -35,25 +38,25 @@ export const navbarMenu: NavMenuItemRoot[] = [
     subMenu: [
       {
         label: 'AI agent hosting',
-        url: '/docs/ai-agents/',
+        url: elizaUrl,
         description: 'Build autonomous agents',
         icon: '/svg/robot.svg',
       },
       {
         label: 'Web app hosting',
-        url: '/docs/platform/hosting/',
+        url: hostingUrl.concat('/hosting/'),
         description: 'Host web applications',
         icon: '/svg/navbar-platform-icon.svg',
       },
       {
         label: 'Fleek Machines',
-        url: '/docs/platform/fleek-machines/',
+        url: hostingUrl.concat('/fleek-machines/'),
         description: 'Run lightweight TEE VMs',
         icon: '/svg/machine.svg',
       },
       {
         label: 'Fleek Functions',
-        url: '/docs/platform/fleek-functions/',
+        url: hostingUrl.concat('/fleek-functions/'),
         description: 'Run serverless functions',
         icon: '/svg/globe-filled.svg',
       },
@@ -64,13 +67,13 @@ export const navbarMenu: NavMenuItemRoot[] = [
     subMenu: [
       {
         label: 'Documentation',
-        url: '/docs/',
+        url: resourcesUrl.concat('/docs/'),
         description: 'Learn about Fleek',
         icon: '/svg/blog-navbar-icon.svg',
       },
       {
         label: 'Guides',
-        url: '/guides/',
+        url: resourcesUrl.concat('/guides/'),
         description: 'Tips and tricks',
         icon: '/svg/guides-navbar-icon.svg',
       },
@@ -83,7 +86,7 @@ export const navbarMenu: NavMenuItemRoot[] = [
       },
       {
         label: 'Changelog',
-        url: '/changelog/',
+        url: resourcesUrl.concat('/changelog/'),
         description: 'Our latest developments',
         icon: '/svg/blog-navbar-icon.svg',
       },
@@ -103,7 +106,7 @@ export const navbarMenu: NavMenuItemRoot[] = [
       },
       {
         label: 'Support Center',
-        url: '/support/',
+        url: resourcesUrl.concat('/support/'),
         description: 'Get help',
         icon: '/svg/community-navbar-icon.svg',
       },
@@ -118,15 +121,15 @@ export const navbarMenu: NavMenuItemRoot[] = [
   },
   {
     label: 'Docs',
-    url: '/docs/',
+    url: resourcesUrl.concat('/docs/'),
   },
   {
     label: 'Blog',
-    url: '/blog/',
+    url: resourcesUrl.concat('/blog/'),
   },
   {
     label: 'Pricing',
-    url: '/pricing/',
+    url: resourcesUrl.concat('/pricing/'),
   },
 ];
 

src/components/Sidebar.tsx

@@ -20,6 +20,10 @@ interface Props {
   indexNameDocs: string;
 }
 
+const elizaUrl = import.meta.env.PUBLIC_APP_ELIZA_URL;
+const resourcesUrl = import.meta.env.PUBLIC_APP_RESOURCES_URL;
+const hostingUrl = import.meta.env.PUBLIC_APP_NEW_HOSTING_URL;
+
 const findBase = (splitted: string[]) => {
   if (splitted[0] === '/docs') return ROOT_FALLBACK_CATEGORY;
 
@@ -109,7 +113,7 @@ const SidebarMenu: React.FC<Props> = ({ data, pathname, indexNameDocs }) => {
         <li>
           <a
             ref={isHome ? activeItemRef : null}
-            href="/docs/"
+            href={resourcesUrl.concat('/docs')}
             className={cn(
               'group flex items-center gap-8 font-semibold hover:text-gray-dark-12',
               {
@@ -177,7 +181,7 @@ const SidebarMenu: React.FC<Props> = ({ data, pathname, indexNameDocs }) => {
                 <li key={`${idx}-${item.slug}`}>
                   <a
                     ref={isActiveSlug(item.slug) ? activeItemRef : null}
-                    href={`/docs/${item.slug}`}
+                    href={`${resourcesUrl}/${item.slug}`}
                     className={cn(
                       'font-semibold text-gray-dark-11 hover:text-gray-dark-12',
                       {
@@ -208,7 +212,7 @@ const SidebarMenu: React.FC<Props> = ({ data, pathname, indexNameDocs }) => {
                             ? activeItemRef
                             : null
                         }
-                        href={`/docs/${item.category}/${!sItem.index ? sItem.slug : ''}`}
+                        href={`${elizaUrl}/${!sItem.index ? sItem.slug : ''}`}
                         className={cn(
                           'w-full border-gray-dark-10 py-4 pl-16 text-gray-dark-11 hover:-ml-[1px] hover:border-l hover:text-gray-dark-12',
                           {
@@ -277,32 +281,44 @@ const SidebarMenu: React.FC<Props> = ({ data, pathname, indexNameDocs }) => {
                         (
                           sItem: GenerateSidebarResponse[number]['list'][number],
                           idx: number,
-                        ) => (
-                          <a
-                            key={`${idx}-${sItem.slug}`}
-                            ref={
-                              isActiveCategory(item.category) &&
-                              isActiveSlug(sItem.slug)
-                                ? activeItemRef
-                                : null
-                            }
-                            href={`/docs/${item.category}/${!sItem.index ? sItem.slug : ''}`}
-                            className={cn(
-                              'w-full border-gray-dark-10 py-4 pl-16 text-gray-dark-11 hover:-ml-[1px] hover:border-l hover:text-gray-dark-12',
-                              {
-                                '-ml-[1px] border-l border-yellow-dark-11 text-16 font-semibold text-gray-dark-12':
-                                  isActiveCategory(item.category) &&
-                                  isActiveSlug(sItem.slug),
-                              },
-                            )}
-                          >
-                            <span
-                              data-menu-item={`${generateSlug(sItem.title)}`}
+                        ) => {
+                          let url = resourcesUrl.concat('/', item.category);
+
+                          if (item.category === 'platform') {
+                            url = hostingUrl;
+                          }
+
+                          if (['sdk', 'cli'].includes(item.category)) {
+                            url = hostingUrl.concat('/', item.category);
+                          }
+
+                          return (
+                            <a
+                              key={`${idx}-${sItem.slug}`}
+                              ref={
+                                isActiveCategory(item.category) &&
+                                isActiveSlug(sItem.slug)
+                                  ? activeItemRef
+                                  : null
+                              }
+                              href={`${url}/${!sItem.index ? sItem.slug : ''}`}
+                              className={cn(
+                                'w-full border-gray-dark-10 py-4 pl-16 text-gray-dark-11 hover:-ml-[1px] hover:border-l hover:text-gray-dark-12',
+                                {
+                                  '-ml-[1px] border-l border-yellow-dark-11 text-16 font-semibold text-gray-dark-12':
+                                    isActiveCategory(item.category) &&
+                                    isActiveSlug(sItem.slug),
+                                },
+                              )}
                             >
-                              {sItem.title}
-                            </span>
-                          </a>
-                        ),
+                              <span
+                                data-menu-item={`${generateSlug(sItem.title)}`}
+                              >
+                                {sItem.title}
+                              </span>
+                            </a>
+                          );
+                        },
                       )}
                     </div>
                   </details>

src/components/Templates/TemplateDetails/TemplateSpecs.tsx

@@ -2,9 +2,10 @@ import Text from '@components/Text';
 import { BarChart, Calendar, CodeTag, RocketShip } from '@components/Icons';
 import type { Template } from '../types';
 import ContentBox from '@components/ContentBox';
-import settings from '@base/settings.json';
 import { formatDate } from '@utils/date';
 
+const resourcesUrl = import.meta.env.PUBLIC_APP_RESOURCES_URL;
+
 const Separator = () => (
   <div className="separator my-10 border-b-1 border-b-neutral-8" />
 );
@@ -40,8 +41,6 @@ const DetailItem: React.FC<DetailItemProps> = ({
   </>
 );
 
-const { reportAbuseUrl } = settings.site.resources;
-
 interface TemplateSpecsProps {
   template: Template;
 }
@@ -93,7 +92,7 @@ export const TemplateSpecs: React.FC<TemplateSpecsProps> = ({ template }) => {
         target="_blank"
         rel="noopener noreferrer"
         className="text-12 md:text-16"
-        href={reportAbuseUrl}
+        href={resourcesUrl.concat('/requests/report-site/')}
       >
         Report template for abuse
       </a>

src/content/blog/announcements/coinlist-token-sale/index.md

@@ -109,6 +109,6 @@ On **May 1**, the $FLK token sale goes live on CoinList. It’s open to eligible
 If you believe in the rise of autonomous agents and the future virtual influencer economy, **this is your moment to get in early and join us on this exciting journey**.
 
 - Register now on [CoinList](https://coinlist.co/fleek)
-- Launch an agent at [fleek.xyz](https://fleek.xyz/)
+- Launch an agent at [fleek.xyz](https://eliza.fleek.xyz/agents)
 
 The agentic future is already here. Now it’s time to own it.