Solid routing

import { render } from 'solid-js/web'
import { Router } from '@solidjs/router'
import './styles/index.css'
import App from './App.jsx'

const root = document.getElementById('root')

render(() => (
        <Router>
                <App />
        </Router>

), root)`

import { createSignal } from 'solid-js'
import solidLogo from './assets/solid.svg'
import viteLogo from '/vite.svg'
import './styles/App.css'
import Home from './pages/home'
import Navbar from './components/navbar'
// import Productie from './pages/productie'
// import Over from './pages/over'
// import Historiek from './pages/historiek'
// import Contact from './pages/contact'
import { Router, Route } from "@solidjs/router";


function App() {

  return (
    <>
        <Navbar /> 

        <Route path="/" component={Home} />
        {/* <Route path="/productie" component={Productie} /> 
        <Route path="/over_ons" component={Over} /> 
        <Route path="/historiek" component={Historiek} /> 
        <Route path="/contact" component={Contact} /> */}
    </>
  )
}

export default App