Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thehadiahmadi/site-builder
CMS & SiteBuilder Built with Node.js
https://github.com/thehadiahmadi/site-builder
ai artifical-intelligense cms code-generator llm nodejs site-builder tailwindcss
Last synced: 2 months ago
JSON representation
CMS & SiteBuilder Built with Node.js
- Host: GitHub
- URL: https://github.com/thehadiahmadi/site-builder
- Owner: TheHadiAhmadi
- License: other
- Created: 2024-07-27T20:26:25.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-09-11T19:32:28.000Z (5 months ago)
- Last Synced: 2024-09-12T12:32:54.787Z (5 months ago)
- Topics: ai, artifical-intelligense, cms, code-generator, llm, nodejs, site-builder, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 9.18 MB
- Stars: 21
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# **Site Builder**
## **Overview**
**Site Builder** is a project that enables users to create simple websites without any programming knowledge. Whether you're a beginner or a seasoned web designer, Site Builder simplifies the process of building, managing, and customizing your website through an easy-to-use drag-and-drop interface.
## **Features**
- **Drag-and-Drop Interface:** Create pages effortlessly using our intuitive drag-and-drop builder.
- **Templates:** Choose from a variety of templates to kickstart your website.
- **Page Management:** Create, update, and delete pages with ease.
- **SEO Management:** Optimize your pages for search engines directly within the builder.
- **Sections & Blocks:** Add, edit, and customize sections and blocks on your pages.
- **AI-Assisted Module Creation:** Use AI to generate and update blocks.
- **Dynamic Pages:** Create dynamic content-driven pages with ease.
- **Collection Management:** Manage content collections and integrate them into your pages.
## **Getting Started**
### **1. Initial Setup**
1. Clone the repository:
```bash
git clone https://github.com/TheHadiAhmadi/site-builder.git
cd site-builder
```
2. Install dependencies:
```bash
npm install
```
3. Start the development server:
```bash
npm start
```
4. Open your browser and navigate to `http://localhost:3000` to start building your site.
### **2. Using Templates**
- You can select a template during the setup process and customize it based on your needs.
### **3. Creating and Managing Pages**
- Pages sidebar item is dedicated to page management, you can create new page, edit and preview pages.
- Each page can have one or more Sections
- Each section can contain one or more Blocks.
- Block is the TailwindCSS based template which supports props.
- You can add or update Blocks from page editor using AI.
### **4. AI-Assisted Features**
- **Create Block:** Use AI to generate a new block.
- **Update Block:** Update existing blocks using AI recommendations.
- **Page SEO Helper:** You can generate SEO Tags for page using AI.
### **5. Dynamic Pages and Collections**
- **Dynamic Pages:** Create pages that automatically update based on dynamic content.
- **Collections:** Manage content collections and integrate them into your pages.
- **Use Collection in Blocks:** Set collection properties within block settings for dynamic content.
## **Screenshots**
## **Upcoming Features**
- **Authentication**
- **File Management**
- **Content Sort**
- **Content Pagination**
## **Contributing**
We welcome contributions! Please read our [Contributing Guide](CONTRIBUTING.md) to learn about how you can get involved.
## **License**
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more information.
## **Contact**
For questions, suggestions, or support, please open an issue on GitHub or contact me at [email protected].