Removed API paths

website/docs/app_config.mdx

@@ -25,12 +25,12 @@ The collections can be defined asynchronously, so you can fetch data from your b
 to build them.
 It might be useful if you want to build the collections based on the logged-in user,
 or if you want to fetch some data to build the schema of your collections.
-Check the [dynamic collections](../collections/dynamic_collections.md) section for more information.
+Check the [dynamic collections](./collections/dynamic_collections.md) section for more information.
 :::
 
 You have two main ways of creating the top level views in FireCMS, either creating entity
 collections that get mapped to CMS views, or create your own top level React views:
-- Check all the possible configurations for defining [collections](../collections/collections.md)
+- Check all the possible configurations for defining [collections](./collections/collections.md)
 - Otherwise, you can define your own [custom top level views](./custom_top_level_views.mdx).
 
 

website/docusaurus.config.js

@@ -16,30 +16,22 @@ module.exports = {
         docSearchApiKey: process.env.REACT_APP_DOC_SEARCH_KEY,
         docSearchAppId: process.env.REACT_APP_DOC_SEARCH_APP_ID,
     },
-    // webpack: {
-    //     jsLoader: (isServer) => ({
-    //         loader: require.resolve('esbuild-loader'),
-    //         options: {
-    //             loader: 'tsx',
-    //             format: isServer ? 'cjs' : undefined,
-    //             target: isServer ? 'node16' : 'es2017',
-    //         },
-    //     }),
-    // },
+    webpack: {
+    },
 
     plugins: [
         "docusaurus-tailwindcss-loader",
         "docusaurus-plugin-sass",
-        [
-            "docusaurus-plugin-typedoc",
-            {
-                entryPoints: [
-                    "../packages/firebase_firecms/src/index.ts",
-                ],
-                tsconfig: "../packages/firebase_firecms/tsconfig.json",
-                watch: process.env.TYPEDOC_WATCH,
-            }
-        ],
+        // [
+        //     "docusaurus-plugin-typedoc",
+        //     {
+        //         entryPoints: [
+        //             "../packages/firebase_firecms/src/index.ts",
+        //         ],
+        //         tsconfig: "../packages/firebase_firecms/tsconfig.json",
+        //         watch: process.env.TYPEDOC_WATCH,
+        //     }
+        // ],
         function fontainePlugin(_context, _options) {
             return {
                 name: "fontaine-plugin",
@@ -83,8 +75,29 @@ module.exports = {
             {
                 name: "twitter:card",
                 content: "summary"
-            }
+            },
+            {
+                name: "keywords",
+                content: "firebase, cms, react, react cms, firestore, firebase cms, headless cms, firebase admin, firebase admin sdk, strapi, contentful, rowy, forest admin, ghost cms, keystone, wordpress"
+            },
         ],
+        headTags: [
+            // Declare some json-ld structured data
+            {
+                tagName: 'script',
+                attributes: {
+                    type: 'application/ld+json',
+                },
+                innerHTML: JSON.stringify({
+                    '@context': 'https://schema.org/',
+                    '@type': 'Organization',
+                    name: 'Meta Open Source',
+                    url: 'https://opensource.fb.com/',
+                    logo: 'https://opensource.fb.com/img/logos/Meta-Open-Source.svg',
+                }),
+            },
+        ],
+
         colorMode: {
             defaultMode: "dark",
             disableSwitch: true,

website/package.json

@@ -22,7 +22,7 @@
     "@docusaurus/plugin-google-gtag": "^2.4.3",
     "@docusaurus/plugin-sitemap": "^2.4.3",
     "@docusaurus/preset-classic": "^2.4.3",
-    "@firecms/neat": "0.1.4",
+    "@firecms/neat": "0.1.5",
     "aos": "^2.3.4",
     "autoprefixer": "^10.4.14",
     "clsx": "^1.2.1",

website/sidebars.js

@@ -95,17 +95,17 @@ module.exports = {
             ]
         },
         "changelog",
-        {
-            "type":"category",
-            "label":"API reference",
-            "collapsed":true,
-            "items":[
-                {
-                    "type":"autogenerated",
-                    "dirName":"api"
-                }
-            ]
-        },
+        // {
+        //     "type":"category",
+        //     "label":"API reference",
+        //     "collapsed":true,
+        //     "items":[
+        //         {
+        //             "type":"autogenerated",
+        //             "dirName":"api"
+        //         }
+        //     ]
+        // },
 
     ]
 }

website/src/pages/features.tsx

@@ -3,9 +3,9 @@ import Layout from "@theme/Layout";
 
 import Features from "../partials/features/Features";
 import { Hero } from "../partials/general/Hero";
-import { DeveloperFeatures } from "../partials/features/DeveloperFeatures";
 import HeroButtons from "../partials/home/HeroButtons";
 import { IntroText } from "../partials/home/IntroText";
+import { Panel } from "../partials/general/Panel";
 
 function FeaturesPage() {
 
@@ -18,6 +18,7 @@ function FeaturesPage() {
 
                 <main className="flex-grow">
                     <Hero
+                        color={"secondary"}
                         title={
                             <>
                                 <span
@@ -38,10 +39,11 @@ function FeaturesPage() {
 
                     <Features/>
 
-
                     <IntroText/>
 
-                    <HeroButtons/>
+                    <Panel color={"gray"} includePadding={true}>
+                        <HeroButtons/>
+                    </Panel>
 
                 </main>
             </div>

website/src/pages/index.tsx

@@ -2,9 +2,9 @@ import React from "react";
 import Layout from "@theme/Layout";
 
 import Head from "@docusaurus/Head";
+import HeroHome from "../partials/home/HeroHome";
 import { TechSplash } from "../partials/home/TechSplash";
 import { ManageYour } from "../partials/home/ManageYour";
-import HeroHome from "../partials/home/HeroHome";
 import FeaturesPanels from "../partials/home/FeaturesPanels";
 import FirebaseTeaser from "../partials/home/OpenSourceDetails";
 import FirebaseIntro from "../partials/home/FirebaseIntro";
@@ -35,7 +35,6 @@ function Home() {
                     <FirebaseIntro/>
 
 
-
                     <ManageYour/>
 
                     <FeaturesPanels/>

website/src/pages/pricing.tsx

@@ -17,15 +17,16 @@ function FeaturesPage() {
             description="Free self-hosted version and free Cloud tier, adaptive pricing for everyone">
 
             <Hero
+                color={"primary"}
                 title={
                     <>
                         <span className="block lg:inline">Pricing</span>
                     </>}
                 subtitle={
                     <>
                         <p>Experience the power of our CMS platform with a
-                            free, <b>self-hosted</b> option or upgrade to <b>FireCMS
-                                Cloud</b> for a premium, full-service solution.
+                            free, <b>self-hosted</b> option or try <b>FireCMS
+                                Cloud</b> for a fully-managed, full-service solution.
                         </p>
                     </>}
                 // cta={<a
@@ -41,6 +42,7 @@ function FeaturesPage() {
 
             {version === "cloud" && <FireCMSCloudVersions/>}
             {version === "self-hosted" && <SelfHosted/>}
+
             <VersionsComparison/>
 
 

website/src/partials/BrowserFrame.tsx

@@ -1,15 +1,20 @@
-import clsx from 'clsx';
-import React from 'react';
+import clsx from "clsx";
+import React from "react";
 
-export function BrowserFrame({ children, className }: { children: React.ReactNode,
-className?: string
+export function BrowserFrame({ children, className, style, mode = "dark" }: {
+    children: React.ReactNode,
+    className?: string,
+    style?: React.CSSProperties,
+    mode?: "light" | "dark"
 }) {
     return <div
+        style={style}
         className={clsx("rounded-lg mx-auto w-fit flex flex-col content-center justify-center border border-solid dark:border-gray-800 border-gray-200",
             className
         )}>
         <div
-            className="h-11 rounded-t-lg bg-gray-900 flex justify-start items-center gap-1.5 px-3">
+            className={clsx("h-11 rounded-t-lg  flex justify-start items-center gap-1.5 px-3",
+                mode === "dark" ? "bg-gray-900" : "bg-gray-100")}>
             <span className="w-3 h-3 rounded-full bg-red-400"></span>
             <span className="w-3 h-3 rounded-full bg-yellow-400"></span>
             <span className="w-3 h-3 rounded-full bg-green-400"></span>