import React from 'react';

import { BrowserRouter,Routes,Route} from 'react-router-dom';

import Home from "./Pages/Home"

import Allposts from './Pages/Allposts'

import Createpost from './Pages/Createpost'

import Error404 from './Pages/Error404'

​

const App = () => {

    return(

        <>

        <BrowserRouter>

            <Routes>

                <Route path="/" element={<Home />}/>

                <Route path="/all-posts" element={<Allposts />}/>

                <Route path="/create-post" element={<Createpost />} />

                <Route path="*" element={<Error404 />} />

            </Routes>

        </BrowserRouter>

        </>

    )

}

​

export default App;

/* You can implement routing to your "Error 404 Page Not Found" page in a

React application using React Router. Use a wildcard asterisk "*" path for

the last route, along with your <PageNotFound /> element that you want

your application to render as the error page. This route will take place

whenever the user's URL input does not match with any of the paths of the

other routes above it. */

import ReactDOM from "react-dom/client";

import { BrowserRouter, Routes, Route } from "react-router-dom";

​

const root = ReactDOM.createRoot(document.getElementById("root"));

root.render(

  <BrowserRouter>

    <Routes>

      ...

      <Route path="*" element={<PageNotFound />} />

    </Routes>

  </BrowserRouter>

);

<IfModule mod_rewrite.c>

  RewriteEngine On

  RewriteBase /

  RewriteRule ^index\.html$ - [L]

  RewriteCond %{REQUEST_FILENAME} !-f

  RewriteCond %{REQUEST_FILENAME} !-d

  RewriteCond %{REQUEST_FILENAME} !-l

  RewriteRule . /index.html [L]

</IfModule>

​