react-easy-setup/react-tailwind-js/src/routes/index.jsx

A custom React project setup with Husky and ESLint for pre-commit hooks and code quality

import { BrowserRouter, Route, Routes } from 'react-router'
import { Home } from '../pages/Home'
import { About } from '../pages/About'
import { AuthLayout } from '../components/layout/AuthLayout'
import { Login } from '../pages/Login'
import { Register } from '../pages/Register'

export const AppRouters = () => {
  return (
    <BrowserRouter>
      <Routes>
        <Route index element={<Home />} />
        <Route path="about" element={<About />} />

        {/* Module Layout */}
        <Route element={<AuthLayout />}>
          <Route path="login" element={<Login />} />
          <Route path="register" element={<Register />} />
        </Route>

        {/* 
        <Route path="concerts">
          <Route index element={<ConcertsHome />} />
          <Route path=":city" element={<City />} />
          <Route path="trending" element={<Trending />} />
        </Route> */}
      </Routes>
    </BrowserRouter>
  )
}