feat: Programatic SEO

[rishi-raj-jain]

fix #107
/claim #107

[netlify]

✅ Deploy Preview for capgo ready!

Name	Link
🔨 Latest commit	65d5db5
🔍 Latest deploy log	https://app.netlify.com/sites/capgo/deploys/64e3d6b5c749360008a725ea
😎 Deploy Preview	https://deploy-preview-108--capgo.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[rishi-raj-jain]

@riderx

Can you take a look at https://deploy-preview-108--capgo.netlify.app/plugins/ and let me know if any changes with icons/design are required?

I'll then take on the each page for each plugin.

[riderx]

Very nice! Maybe there some to exclude but that cool 👍
Can you prepare exclude list ?

[rishi-raj-jain]

What do you mean by exclude? Where can I gather what to exclude?

[rishi-raj-jain]

@riderx

I'm updating the code with a bearer token env (GITHUB_BEARER_TOKEN) that's required to fetch stars & readme from GitHub. Let me know if there's another way to get around this.

[rishi-raj-jain]

@riderx This is ready for review. You'd still need to add your env of BEARER_TOKEN to the git repo (or wherever pnpm build gets executed)

[rishi-raj-jain]

Here's where I've used the env:

• https://github.com/Cap-go/website/pull/108/files#diff-faff1af3d8ff408964a57b2e475f69a6b7c7b71c9978cccc8f471798caac2c88
• https://github.com/Cap-go/website/pull/108/files#diff-b14d1f40db48a7e636e94195750364025f820ec100e5e00855279d67e210f331R17

[riderx]

@rishi-raj-jain thanks a lot, can you share what rights i should but in the token ?

[riderx]

For the plugin page we need more content we look for SEO here, so we need to use the REAME file to create automatic content. like plugin presentation and tutorial made with gpt for example

[rishi-raj-jain]

Hey @riderx,

You can create a classic GitHub token, and no need to select any checkbox there, we just need the API key to be able to fetch public repository worldwide.

[rishi-raj-jain]

Hey @riderx,

1. What do you mean by plugin presentation? The OG image card?

2. What do you mean by tutorial? A usage of the package in which environment?

[riderx]

i just added the token in github and netlify

[rishi-raj-jain]

I think we should create all of that statically instead of doing real time as this'd require both open ai key and GitHub api key, that can rate limit given the number of PRs and build process that kicks in for each commit.

[rishi-raj-jain]

i just added the token in github and netlify

Named BEARER_TOKEN, right?

[riderx]

i thnk it's ok for now like that,
let forgot about gpt, just make sure we do the maz in SEO, like even jsonLD etc

[riderx]

and then i accept it :)

[riderx]

Ok if you want to try gpt I think you can create a script to make it and we can run it separately or in the CI.
For now I believe the CI will not be too much

[riderx]

It's doable in CI context or need more ?

[rishi-raj-jain]

@riderx

How I imagine is this:

• We have a script named generateTutorial.js that does the work for us. Creates a directory in the src/content with all the plugins tutorials. This'll be done with the help of the uploaded trained model via OpenAI.

• Before the build process, the script is called that does the magic. Here we'll require the OpenAI key.

• During the build process, the code just loads them from the markdown and then renders it with the website.

This'll allow you to not call the API whenever PRs are deployed via Netlify in Pull Requests, and can choose to run that only on the main branch.

[rishi-raj-jain]

@riderx

I think the tutorials look awesome now on the plugins pages.

Note: I've updated the CI/CD to generate the tutorials, and dynamically get deployed with each build. In case of any errors in generation with any of them is found, the ones that you see right now will be used.

I believe this is ready for review. Make sure you've OPENAI_API_KEY & BEARER_TOKEN set in the your CI.

[riderx]

I have add OPENAI_API_KEY and restarted the deploy, let's see :)

[riderx]

The generation is very good, just the design has issue on the deployed version i see the readme and then the tutorial, maybe let's do tabs to switch between readme and tuto

[rishi-raj-jain]

I'm super glad that you love it! On the way to tabs.

[rishi-raj-jain]

here's how the screen now looks

[riderx]

Can the tuto be default ?
and keep the layout for both ? with the info on the left ?

[riderx]

it seems the text is not finished here: https://deploy-preview-108--capgo.netlify.app/plugins/capgo-cli/

[rishi-raj-jain]

The build fails because the fetch breaks:

Added the code to handle that.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
No Duplication information

[rishi-raj-jain]

The cool thing about the plugin page is everything is server side rendered! Both the tuto and the readme. This'd help in SEO as you expected/wanted to have.