Prerequisites
Before you begin, make sure you have the following installed:
- Node.js (v18 or higher)
- npm or yarn
- A code editor (VS Code recommended)
Installation
Get your project up and running in just a few steps:
1. Install Dependencies
npm install
2. Start Development Server
npm run dev
Your site will be available at http://localhost:8080
3. Build for Production
npm run build
The production-ready site will be generated in the _site directory.
Project Structure
Understanding the directory structure:
src/- All source filessrc/_includes/- Templates, layouts, and componentssrc/_data/- Global data files (site.yaml, header.yaml, footer.yaml)src/blog/- Blog post markdown filessrc/help/- Help documentation pagessrc/styles/- CSS files_site/- Generated output (don't edit)
Check out the
ARCH.mdfile for comprehensive architecture documentation!
Next Steps
Customize your starter by:
- Editing
tailwind.config.jsto customize your theme - Creating new pages in
src/or blog posts insrc/blog/ - Updating navigation links in
src/_data/header.yaml - Modifying footer content in
src/_data/footer.yaml