A modern, lightweight blog implementation using HTMX for dynamic content loading without complex JavaScript frameworks.

• HTMX (v2.0.4) - For dynamic HTML content updates
• Node.js with lite-server (v2.6.1) - For local development
• HTML5/CSS3 - For structure and styling
• NPM - Package management

• Dynamic content loading without full page refreshes
• Responsive design
• Blog post management
• About page
• Featured posts section

• Node.js (Latest LTS version recommended)
• NPM (Comes with Node.js)

1. Clone the repository:

bash git clone [repository-url] cd [repository-name]

2. Install dependencies:

bash npm install

To start the development server:

bash npm start

This will start lite-server and open your default browser to http://localhost:3000.

├── assets/ # Images and other static assets
├── posts/ # Blog post HTML files
├── index.html # Main entry point
├── style.css # Global styles
├── about.html # About page
└── package.json # Project configuration and dependencies

The project uses HTMX for dynamic content loading. Key features:

• Content is loaded dynamically using HTMX attributes
• No complex JavaScript setup required
• Pages update seamlessly without full refreshes

1. Create a new HTML file in the posts directory (e.g., my-new-post.html)
2. Follow the established HTML structure for blog posts
3. Update posts/featured.html to include your new post:

   <article class="blog-post">
       <h2>Your New Post Title</h2>
       <p class="post-meta">Date</p>
       <div class="post-excerpt">
           Brief excerpt from your post
       </div>
       <a href="#"
          hx-get="/posts/my-new-post.html"
          hx-target="#content"
          class="read-more">Read More</a>
   </article>

4. Add necessary HTMX attributes for dynamic loading in both files

Note: The featured.html file serves as an index/listing for your blog posts. Each new post must be added here to appear in the featured posts section on the main page.

The project is successfully deployed using AWS S3 with CloudFront CDN integration. The site is served securely over HTTPS through CloudFront using a custom domain configuration. Automated deployments are handled through a CI/CD pipeline.

The following components have been implemented:

1. AWS S3 bucket configured for website content hosting
2. CloudFront distribution with Origin Access Identity (OAI) for secure S3 access
3. Bucket policy restricting access to CloudFront only
4. CI/CD pipeline for automated deployments

• Storage: AWS S3 bucket with private access, serving content exclusively through CloudFront
• Domain Management: Custom domain successfully configured with proper DNS settings
• Security: HTTPS enabled and content served securely through CloudFront with no direct public S3 access
• Content Delivery: CloudFront CDN configured for optimal global performance and secure content delivery
• Automation: CI/CD pipeline automatically deploys updates to production

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

This project is licensed under the MIT License - see the LICENSE file for details.