Coder Social home page Coder Social logo

ducng99 / blog.ducng.dev Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 238 KB

CodeIgniter 4 + HTMX + Storyblok blog

Home Page: https://blog.ducng.dev

License: GNU Affero General Public License v3.0

PHP 92.62% CSS 3.98% JavaScript 1.73% HTML 0.24% Dockerfile 0.91% Batchfile 0.10% Hack 0.31% Shell 0.11%

blog.ducng.dev's Introduction

Junk yard

A collection of junks created with HTMX + Storyblok + CodeIgniter 4.

Why?

My original blog website was made with Wordpress (I know), which is heavy, a target for bots and not easily customisable.

After using Storyblok (headless CMS) at work, I thought why not just write my own blog.

The original idea was using React or Svelte for frontend code and use Storyblok JS library to fetch & process data, all processing on frontend (maybe throw some Remix.js in there). Then HTMX poped out of no where, bringing some JS features to HTML through DOM attributes with templating in mind.

As a PHP developer, started with PHP 5.3 when all websites are PHP + HTML, this brought some nostalgic memories with LAMP stack. So off I went using CodeIgniter (also something I learned at work) as a templating framework, HTMX to fetch and display view components, Storyblok to host my junks.

Server Requirements

PHP version 8.0 or higher is required, with the following extensions installed:

Additionally, make sure that the following extensions are enabled in your PHP:

  • json (enabled by default - don't turn it off)

blog.ducng.dev's People

Contributors

ducng99 avatar dependabot[bot] avatar

Stargazers

Jay avatar  avatar

Watchers

Jay avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.