Gatsby-theme-novela: [Help] - What i need know to implement categories in this theme ?

[vinicioslc]

Hi guys im new on gatsbyjs and reactjs but i have long background in web with Vuejs e Wordpress and mobile APPs with Xamarin e Flutter.

Im interessed to contribute with this project but i don't know which components i need to change or concepts behind gatsbyjs are needed to add support for categories and tags.

So, if anyone can give me a direction which terms i need know or where i see the code responsible for the access to data and templating in theme i will be thankful.

Im using the theme...

[brotzky]

There's a decent amount of work to get Categories and it touches most of the codebase.

In the past when people have requested it we've decided not to implement it because it requires a new design and code changes. If there's more and more demand (which seems to be the case) we'll consider it. Right now we also don't have much time to handle such a large update.

If you want to implement categories as a PR i'd reference how other gatsby sites do it. The Gatsby official blog has tags and is an OSS project so you can reference that.

[nnnkit]

@vinicioslc added the category feature to this theme by forking it you can have a look https://github.com/nnnkit/gatsby-theme-novela/tree/AN-category.

Steps to build:

git clone https://github.com/nnnkit/gatsby-theme-novela/tree/AN-category
yarn
yarn start

You can check the category page:

http://localhost:8000/category/gatsby

I haven’t add the category name to individual article pages. Will do it soon.

[nnnkit]

@brotzky can I send a pull request or you can give me checklist that I need to complete before sending pull request. The category page look like this

[vinicioslc]

OMG *0 * i will look this fork

[brotzky]

Very cool! Also fantastic that you kept the design consistent. I think all we need is a cleaner Hero and a way to see the categories and click into them on posts. If you like, create a PR and we'll work through it together. We can also merge it into a branch and I'll work on top of it and make sure it's consistent with our current designs.

[nnnkit]

@brotzky Glad you liked it. Can you please create a branch for this where I can merge it.

[brotzky]

@nnnkit created @features/categories

https://github.com/narative/gatsby-theme-novela/tree/%40feature/categories

[nnnkit]

@brotzky pull request sent #153

[samleez]

Any update about this feature? we need a categories in this theme

[samleez]

@brotzky pull request sent #153

bro how I can implement the categories like the picture you shared with us, I can't find any documentation about this?

[brotzky]

It's not yet released! Sorry, we're maintaining this in our free time (for free!) and right now there's a lot going on that we have to handle as a priority over categories in Novela. All I can say is it'll be when it's ready.

[samleez]

It's not yet released! Sorry, we're maintaining this in our free time (for free!) and right now there's a lot going on that we have to handle as a priority over categories in Novela. All I can say is it'll be when it's ready.

Thank you so much bro hope we gonna see this feature soon.. keep up the good job guys .. respect to you all

[spool]

Assuming one of the main blockers is renaming categories to tags I've had a go: https://github.com/spool/gatsby-theme-novela/commit/aea5bc7fc2408f644e0ca72507cd031f348edf8e

There are other things to consider but figured I'd see if we agree on this before continuing.

And: nice job @nnnkit, you've done the hard work. I'm just changed the variable names ;)

[brotzky]

The main blocker right now is the proper design implementation -- we want to keep Novela as good as it is now with the addition of tags. Really appreciate the change in wording, nonetheless. Thank you.

[spool]

Cool. Can make a pull request if that's helpful (and add a unit test... though I can't find a testing framwork in the repo, guess that would be an implementation decision as well ala: https://www.gatsbyjs.org/docs/testing/). Whatever's helpful.

[syska]

This is awesome. Looking forward to it.

[dannysteenman]

Same here!

[JoseJesusOchoaTorres]

Wou waiting for this feature. Good job 👍

[gyanesh-mishra]

+1 for this!!!!