Personal Blog - a new Gatsby.js theme

[greglobinski]

Maybe someone of you already know. Last week I released my first Gatsby.js theme

Themes is a great new, still experimental, feature of Gatsby.js. I decided to transform to themes all of my starters, just now.

So, it's time for Personal Blog, although in this case the transformation will not be limited to implementing theme functionality. I decided to rewrite the whole codebase.

These are goals of the transformation:

• upgrade to Gatsby v.2

• for CSS, emotion instead of jss

• for buttons and form elements, custom components instead of material-ui

• for dropdown menus: @reach/menu-button

• for form validation: formik

• for UI state management: React Context instead of redux

• as a cherry on top: we will rewrite Class components to functional ones with hooks

I will start this weekend. If there is anybody who would like to help, write a comment below. Especially, I'm looking for someone who will help me rewrite styles from jss to emotion.

[maxscience]

Cool! What’s your estimate for completing the rewrite? Wishlist:

• multiple tags
• netlify-cms (gatsby plugin)
• discus comments (or something else, just not facebook)

[hendra-go]

@greglobinski Great news Greg! thanks for your work.

After reading this, i told my self that my hunch is right that you are going to replace jss with something else, i think it is a good choice that you chose emotion, because AFAIK gatsby works nice with emotion.

But before i, we or anybody decide to contribute to rewrite jss to emotion, i think at first you need to work on replacement from redux to react context, imho.

Once again, thanks greg, it is great to know that you will continue to support this great gatsby starter.

[hendra-go]

damn, i just realize what you mean about Theme is Gatsby.js Theme feature https://www.gatsbyjs.org/blog/2018-11-11-introducing-gatsby-themes/, to be honest, i find out about this just now.

Haha i confuse between gatsby starter and gatsby theme.

Hmm... i need to check this out this weekend

[greglobinski]

Cool! What’s your estimate for completing the rewrite?

I can't say, I personally can work on this project only on weekends, so for sure it will not be one weekend. :)

multiple tags, netlify-cms (gatsby plugin) ,discus comments (or something else, just not facebook)

all these can be done, but it's not in the scope of this iteration

But before i, we or anybody decide to contribute to rewrite jss to emotion, i think at first you need to work on replacement from redux to react context, imho.

I will not try to replace redux with contex trying to maintain existing code working. I will start from zero level building the site step by step.

Update Of course we will use the old code as a help, (mostly CSS styles) but I think that there will not be a code we would be able just copy & paste.

[greglobinski]

Update:

We will use emotion in a styled component way

[maxscience]

Ok so I guess if one wants to start a new blog now, it will be easy to switch over the new version (once the theme is done) by just copying over the content directory right?

[greglobinski]

@maxscience Generally yes, but I can't promise that it will be possible without any 'moving' procedure, like for example, renaming content files.

[greglobinski]

If anybody would be interested in the progress of work, go to the issue board of my gatsby-themes repo

[greglobinski]

Current state of dev

You can follow the changes in the code here

[greglobinski]

current state of dev

[greglobinski]

current state of dev

That's all for this weekend, I will not (probably) be able to move forward till the next one. But I did a good progress till now, so stay tuned.

[greglobinski]

current state of dev

[greglobinski]

current state of dev; slowly but steadily :)

[greglobinski]

another step forward

[eclectic-coding]

Greg, Love the look of what's happening with Gatsby and your starter/theme. I am curious. Would it be possible to integrate the gravatarMD5 feature from hero-blog? This is a really cool feature which gives a new level of functionality.

[greglobinski]

@polishedwp Sure, maybe not in the first iteration, but later why not :)

[greglobinski]

current state of development

although it was not planned, the theme will work with *.mdx files as a source of content. https://twitter.com/greglobinski/status/1104710231605628928

[alexpov]

@greglobinski looking forward to the new theme, checking new commits every weekend :)

question/request: the original blog theme misses tags per post and a screen to filter by tags, any chance you plan to add these to your plan?

Estimates for the next release of the blog theme?

[greglobinski]

@alexpov

the original blog theme misses tags per post and a screen to filter by tags, any chance you plan to add these to your plan?

Yup, I will add tags

Estimates for the next release of the blog theme?

Not 100% sure, but I think I need two more weekends to release the theme in its first shape.

[greglobinski]

current state of dev

[wzard]

HI @greglobinski Any updates on the theme update?

[greglobinski]

@wzard Work is in progress. Not many visual changes though.

[alexpov]

Hi @greglobinski, any updates ? Looking forward for the next release ...

[h1eutran]

Hey @greglobinski, any things?

[greglobinski]

@Raf1001 I'm sorry, but this thread is reserved to inform others about progress in theme development, so I had to remove your comments, but feel free to open a separate issue.

[greglobinski]

Hey guys, sorry for the delay but be sure that I did not abandon the project.

[h1eutran]

@greglobinski It been so long seen your last commit!

[sankhaKarunasekara]

How is it going @greglobinski. awesome theme, hope to see the new version soon. good luck. :)

[musfiqur-bs23]

HI @greglobinski , Is there any update for the new version of the theme ?