mrfoxpro/solid-rollup-boilerplate

Dev-ready boilerplate for creating modern and truly fast websites with solid-js

solid-rollup-boilerplate's Issues

Child Routes and Preloading

Hello :)

I tried to add child nodes to my app

const routes = [
  {
    name: 'landing',
    path: '/',
  },
  {
    name: 'home',
    path: '/home',
  },

  {
    name: 'groups',
    path: '/groups',
    children: [
      { name: 'view', path: '/:id<\\d+>' },
      { name: 'list', path: '/list' },
    ],
  },
  {
    name: 'settings',
    path: '/settings',
  },
] as const;

export const { Link, Router, Provider, router } = createSolidRouter(routes, {
  createRouter5: (routes) => {
    const router = createRouter(routes, {
      allowNotFound: true,
      autoCleanUp: true,
      defaultRoute: '/home',
    });
    router.usePlugin(browserPluginFactory({ useHash: false }));
    router.usePlugin(loggerPlugin);
    return router;
  },
});

but when I try to refresh the page with the url localhost:3000/users/123, I get following error msg and the page is not loaded :(

Routing via router.router5.navigate('groups.view', { id: 12 }); works fine, so does refreshing the page with just the path localhost:3000/groups 🤔

Does anyone have an idea, what this is about?

Help would be highly appreciated... since this is delaying my x-mas present ;(
Thank you! :)

Add an image optimiziation library

Switch to modern testing framework

Create true differential builds for modern/legacy browsers

Add build-time typechecking