Skip to content

aibolik/aibolik.github.io

Repository files navigation

Logo of the aibolik.github.io

My personal website v3

CircleCI

Active development is in progress

This is my third iteration of personal website. Under the hood I use GatsbyJS, ReactJS and Contentful for API based Content Management System.

Here is a link to preview site on netlify.

Motivation

I started to realize that I want to write and teach some stuff that I know. So I managed to start (tech) blogging and started writing on Medium and dev.to. Then I realized that I also have my own website, hosted on GitHub Pages. At front that was just a Jekyll theme and my markdown content. Since I am a FrontEnd/JavaScript(I actually like considering myself as a full stack 😀) developer, I must create website on my own and it should coinside with my stack. Therefore I've chosen a stack listed before and managed eventually to do it.

Installing

Run yarn install to install all dependencies.

Initial Configuration

Currently there is no configuration, but more to come.

Developing

In order to start developing and run it on localhost run yarn develop(after all dependencies have installed). Then you can go to localhost:8000 to see the project. Addtionally localhost:8000/___graphql is available from where you can make GraphQL queries.

Building

If you run yarn build you will get optimized build in public/ folder.

Deploying / Publishing

The project is deployed freely on Netlify here.

Features

The list of features I want to have to be ready to replace current website:

  • Implemented design as in my XD project(Will share later)
  • Responsive Design(mobile and tablet+)
  • Integration with Contenful
  • Blog Articles built from Contenful
  • Articles supporting rich markdown
  • Syntax highlighting
  • About page
  • Sign Up form for Newsletters
  • Google Analytics - need to check on prod
  • CI integration(CirlceCI or other) to deploy to GitHub pages
  • SiteMap

Other features those are not critical for release:

  • Projects page
  • Newsletters page
  • Courses page
  • Disqus integration
  • SEO optimization
  • What I've learnt section
  • Division of exploring posts by category/tags
  • Post views
  • Post upvoting
  • Archive of posts
  • RSS feed
  • Suggested/Related posts
  • Web App Manifest - using gatsby-plugin-manifest
  • PWA - using gatsby-plugin-offline

Configuration

Nothing to configure for now

Releases

No releases published

Packages

No packages published