An open API service indexing awesome lists of open source software.

https://github.com/idindrakusuma/me

This is brand new of my web profile page 🤙 Built with Gatsby and integrated with Github Action ⚡️
https://github.com/idindrakusuma/me

gatsby-site web

Last synced: 4 months ago
JSON representation

This is brand new of my web profile page 🤙 Built with Gatsby and integrated with Github Action ⚡️

Awesome Lists containing this project

README

          

# Me

![Gatsby Publish](https://github.com/idindrakusuma/me/workflows/Gatsby%20Publish/badge.svg) [![codecov](https://codecov.io/gh/idindrakusuma/me/branch/master/graph/badge.svg)](https://codecov.io/gh/idindrakusuma/me)

Hi everyone! 👋 Welcome to my personal blog repository. Currently, I have published personal web profile and you see it at https://indrakusuma.web.id/web-profile. That blog was built using old tech stack with many unused animation javascript. The performance also bad because we load all of modules in the first time user access.

The web techology is moving and get better day by day. And this is the reason why I built this repository. I need to keep update my knowledge about web technology. Because, the best way to learning is try to build our own, right? This repository used for my documention of learning Gatsby (React-based) ecosystem.

## TARGETS

current web profile has performance score **65 for mobile** and **85 for desktop** using Google Page Insight.

And I'm have target to achieve **>80 for mobile** and **>90 for desktop** 😆

## Performance Score Results

| PAGE | ENV | BEFORE | NOW |
| ------- | ------- | ------ | ------ |
| Home | Mobile | 65 | **94** |
| | Desktop | 85 | **99** |
| About | Mobile | 65 | **91** |
| | Desktop | 85 | **98** |
| Resume | Mobile | 65 | **94** |
| | Desktop | 85 | **99** |
| Works | Mobile | 65 | **84** |
| | Desktop | 85 | **98** |
| Blog | Mobile | 65 | **91** |
| | Desktop | 85 | **99** |
| Contact | Mobile | 65 | **94** |
| | Desktop | 85 | **98** |

I'm using [PageSpeed Insight](https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Findrakusuma.web.id%2Fme%2Fcontact%2F&tab=desktop) to test performance score 🚀.

## How to run this project?

Make sure you already installed **Node JS** also **Gatsby-CLI** in your machine and then,

- Copy this repo
- install dependecies, just type `yarn` or `npm install`
- then runninng your project using `gatsby develop` 🚀

## License

MIT License