solidbase

Author: Brendonovich

examples/pnpm-lock.yaml

@@ -2,19 +2,17 @@
   "name": "example-with-solidbase",
   "type": "module",
   "scripts": {
-    "dev": "vinxi dev",
-    "build": "vinxi build",
-    "start": "vinxi start",
-    "version": "vinxi version"
+    "dev": "vite dev",
+    "build": "vite build"
   },
   "dependencies": {
     "@iconify-json/ri": "^1.2.5",
-    "@kobalte/solidbase": "^0.2.11",
+    "@kobalte/solidbase": "npm:@brendonovich/kobalte__solidbase@0.0.0-devinxi.9",
     "@solidjs/meta": "^0.29.4",
     "@solidjs/router": "^0.15.3",
-    "@solidjs/start": "^1.1.0",
+    "@solidjs/start": "file:../../packages/start",
     "solid-js": "^1.9.5",
-    "vinxi": "^0.5.6"
+    "vite": "^7.1.3"
   },
   "engines": {
     "node": ">=22"

examples/with-solidbase/app.config.ts

@@ -1,7 +1,7 @@
 import { Router } from "@solidjs/router";
 import { FileRoutes } from "@solidjs/start/router";
 import "./app.css";
-import {SolidBaseRoot} from "@kobalte/solidbase/client";
+import { SolidBaseRoot } from "@kobalte/solidbase/client";
 
 export default function App() {
   return (

examples/with-solidbase/package.json

@@ -1,6 +1,6 @@
 // @refresh reload
 import { createHandler, StartServer } from "@solidjs/start/server";
-import {getHtmlProps} from "@kobalte/solidbase/server";
+import { getHtmlProps } from "@kobalte/solidbase/server";
 
 export default createHandler(() => (
   <StartServer

examples/with-solidbase/src/app.tsx

@@ -0,0 +1,43 @@
+import { solidBase } from "@kobalte/solidbase/config";
+import { solidStart } from "@solidjs/start/config";
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  plugins: [
+    solidBase({
+      title: "SolidBase",
+      titleTemplate: ":title - SolidBase",
+      description: "Fully featured, fully customisable static site generation for SolidStart",
+      themeConfig: {
+        sidebar: {
+          "/": {
+            items: [
+              {
+                title: "Overview",
+                collapsed: false,
+                items: [
+                  {
+                    title: "Home",
+                    link: "/"
+                  },
+                  {
+                    title: "About",
+                    link: "/about"
+                  }
+                ]
+              }
+            ]
+          }
+        }
+      }
+    }),
+    solidStart({
+      extensions: ["md", "mdx"],
+      server: {
+        prerender: {
+          crawlLinks: true
+        }
+      }
+    }),
+  ]
+});

examples/with-solidbase/src/entry-server.tsx

@@ -120,8 +120,6 @@ function solidStartVitePlugin(
     server: `${start.appRoot}/entry-server${entryExtension}`,
   };
 
-  // console.log(new URL('../server/manifest/ssr-manifest.js', import.meta.url).pathname)
-
   return [
     {
       name: "solid-start:vite-config",

examples/with-solidbase/vite.config.ts

@@ -16,4 +16,4 @@ export { default as clientOnly } from "./shared/clientOnly.js";
 export { HttpStatusCode } from "./shared/HttpStatusCode.js";
 
 export { GET } from "./shared/GET.js";
-export { getServerFunctionMeta } from "./shared/serverFunction";
+export { getServerFunctionMeta } from "./shared/serverFunction.js";

packages/start/src/config/index.ts

@@ -13,8 +13,9 @@ import { handleServerFunction } from "./server-functions-handler.js";
 import { getClientEntryCssTags } from "./server-manifest.js";
 import type { APIEvent, FetchEvent, HandlerOptions, PageEvent } from "./types.js";
 
-export { getServerFunctionMeta } from "../shared/serverFunction";
+export { getServerFunctionMeta } from "../shared/serverFunction.js";
 export { StartServer } from "./StartServer.jsx";
+
 export * from "./h3";
 
 const SERVER_FN_BASE = "/_server";