dzoba / template

A boilerplate for Vite, React, Tailwindcss with filesystem based routing

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Template

This is a React, Vite, Tailwind template. It features filesystem based routing, similar(ish) to Next.js. It also formats and serves markdown files.

Linting is built in with eslint + Airbnb linting rules.

Filesystem based routing

In src/pages you can add a new file and a route for the component in that file will automatically exist based on the file name.

In src/pages/posts you can add a markdown file and a route will automatically exist for that file and be served, formatted according to the template in src/pages/posts/[post].jsx

You can navigate to localhost:3000/posts/demo to see this

Thanks to this page for inspiration on filesystem based routing.

Deployment

This project deploys easily to modern hosts. I have deployed succesfully to Firebase. Build files are output to the dist directory.

About

A boilerplate for Vite, React, Tailwindcss with filesystem based routing

License:MIT License


Languages

Language:JavaScript 69.2%Language:HTML 28.3%Language:CSS 2.5%