Palun ReactJs documentation

Project structure

Where Palun keeps its pages, sections, images and styles.

Palun is built with React 18, Vite and React-Bootstrap. These are the folders you’ll use most:

palun-reactjs
├── index.html              Page title and description
├── public
│   └── assets/css/style.css   Main stylesheet
└── src
    ├── App.jsx             Routes
    ├── App.css             More styles
    ├── Components          Header, sections and footer
    ├── Pages               Home, blog post and 404 pages
    ├── SingleFeatures      Portfolio item and counter
    ├── assets/images       Logo, slider, icons and portfolio images
    └── data/blog_posts.json   Blog posts

Pages

src/App.jsx sets up the routes:

Address Page
/ src/Pages/Home.jsx
/blog_details/:Id src/Pages/BlogDetails.jsx
/docs src/Pages/Docs.jsx
Anything else src/Pages/FourZeroFour.jsx

The theme’s /docs page isn’t needed on your site. Remove its Route from App.jsx before you publish.

Home page sections

src/Pages/Home.jsx lists the sections in order: Header, Slider, Services, Portfolios, Blogs, Contact and Footer. Move a line to reorder a section, or delete it to remove one.