Starting my blog again

May 25, 2020

So this is my blog, rebuild again.

After all these years and redoing all again and again. And going from Joomla, WordPress, Angular, and a lot f different flavors. I am redoing it again using the latest and greatest from Jam stack (Or, so they say).

But the question remains, Why?

So what behind the idea of rebuilding the blog and site again.

Well first explore new technologies and apply the to my day to day and second, I always want some sore of easy, simple way of working with my site that also did not bring more administration overhead.

So, welcome Jam stack, in this case I am using DOCUSAURUS, some react and as simple CI/CD chain to be able to manage, update and push changes to the site.

Some of my requirement for this project were:

Easy peasy lemon squeezy, simple to maintain.
To have a simple, easy way to manage my blog and public documents.
Fast fast fast, as fast as possible.
Cheap, cheap, as possible.
Where I can play with all my tools (Angular, React, Vuejs, CI/CD, and other wonders)
Where I can add and share code, images and live examples (see examples at the bottom).
Where I can maintain a document base of all that I am studding, reviewing and investigating and that can help others (so it is public).
A place to make and have my CV visible online, where I can have something like a portfolio and an easy contact me page.

So lets see what happens, more to come

On the next post, technology used (Jam stack and deploy process), how I did this inexpensive site, what I use to write and maintain it.

-- moplin.

Examples.

import React, { Component } from 'react';
import { render } from 'react-dom';
import Hello from './Hello';
import './style.css';

class App extends Component {
  constructor() {
    super();
    this.state = {
      name: 'React'
    };
  }

  render() {
    return (
      <div>
        <Hello name={this.state.name} />
        <p>
          This is just a simple test from stackblitz :). I will be enbeding stuff this way.
        </p>
      </div>
    );
  }
}

render(<App />, document.getElementById('root'));