gatsby-starter-personal-blog icon indicating copy to clipboard operation
gatsby-starter-personal-blog copied to clipboard

Personal Blog - a new Gatsby.js theme

Open greglobinski opened this issue 6 years ago • 29 comments

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.

greglobinski avatar Feb 21 '19 15:02 greglobinski

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

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

maxscience avatar Feb 21 '19 23:02 maxscience

@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 avatar Feb 22 '19 00:02 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

hendra-go avatar Feb 22 '19 01:02 hendra-go

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 avatar Feb 22 '19 10:02 greglobinski

Update:

We will use emotion in a styled component way

greglobinski avatar Feb 22 '19 10:02 greglobinski

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?

maxscience avatar Feb 22 '19 10:02 maxscience

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

greglobinski avatar Feb 22 '19 11:02 greglobinski

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

greglobinski avatar Feb 22 '19 21:02 greglobinski

Current state of dev

screenshot from 2019-02-23 15-06-57

You can follow the changes in the code here

greglobinski avatar Feb 23 '19 14:02 greglobinski

current state of dev

peek 2019-02-24 09-58

greglobinski avatar Feb 24 '19 09:02 greglobinski

current state of dev

peek 2019-02-24 15-30

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 avatar Feb 24 '19 14:02 greglobinski

current state of dev

peek 2019-02-25 08-33

greglobinski avatar Feb 25 '19 07:02 greglobinski

current state of dev; slowly but steadily :)

peek 2019-03-03 17-04

greglobinski avatar Mar 03 '19 16:03 greglobinski

another step forward

peek 2019-03-06 01-06

greglobinski avatar Mar 06 '19 00:03 greglobinski

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.

eclectic-coding avatar Mar 08 '19 01:03 eclectic-coding

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

greglobinski avatar Mar 08 '19 18:03 greglobinski

current state of development

Peek 2019-03-11 11-57

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

greglobinski avatar Mar 11 '19 11:03 greglobinski

@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?

alexpov avatar Mar 19 '19 08:03 alexpov

@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 avatar Mar 19 '19 09:03 greglobinski

current state of dev

Peek 2019-03-19 10-48

greglobinski avatar Mar 19 '19 10:03 greglobinski

HI @greglobinski Any updates on the theme update?

wzard avatar Apr 06 '19 16:04 wzard

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

greglobinski avatar Apr 08 '19 07:04 greglobinski

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

alexpov avatar May 10 '19 04:05 alexpov

Hey @greglobinski, any things?

h1eutran avatar May 18 '19 01:05 h1eutran

@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 avatar May 19 '19 18:05 greglobinski

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

greglobinski avatar May 19 '19 18:05 greglobinski

@greglobinski It been so long seen your last commit!

h1eutran avatar May 20 '19 02:05 h1eutran

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

sankhaKarunasekara avatar May 25 '19 16:05 sankhaKarunasekara

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

musfiqur-bs23 avatar Jan 24 '20 09:01 musfiqur-bs23