Fully Automated npm publish using GitHub Actions and Semantic Release

[@aboubacardiallo9117]

You answered all my questions about versioning with semantic release. That’s is an amazing content and I’m going to subscribe right now because I don’t want to miss any content from you 🥰

[@AlekzyCrixZBlogout]

This is gold man, keep this on! New sub

[@BrunoAntunesPT]

Thank you very much my friend 😊

[@Wickaruz]

Thanks Bruno with this tutorial I could integrate semantic-release to my vuejs web project! Big thanks!

[@mc-ty4br]

EXACTLY what I was looking for! I followed every step even when I knew that (for example) NPM_TOKEN was missing and it was gonna fail 😅 Thank you :)

[@BrunoAntunesPT]

Awesome mate 😍😍😍 Thank you for your positive vibes 🤗🤗

[@fauzi5848]

rich topics, very well explained and a bit funny too 😁 keep up the good work Bruno 👍

[@BrunoAntunesPT]

I'm soo glad you enjoyed it 😍 thank you for your words 🤗🤗

[@khandoor7228]

Excellent Bruno, life saver!!

[@BrunoAntunesPT]

Thank you 😍😍

[@macieksitkowski]

Hey Bruno, thank you very much, I learned a ton from your video 🙏

[@BrunoAntunesPT]

Very happy to read that 😍 thank you 🙂

[@web_dev_host]

Wonderful video! Learned so many things

[@BrunoAntunesPT]

I'm soo happy to know that ❤️❤️

[@ruijadom]

Tens mesmo jeito para ensinar! os teus videos estão top! parabéns!

[@BrunoAntunesPT]

Muito obrigado Rui 😀

[@oleksandr5128]

That is a great topic, thank you a lot!

[@BrunoAntunesPT]

Thank you Oleksandr 😀

[@devasanishivani3197]

Helpful. Thanks for all the references links

[@infoapp7725]

Amazing Bruno!! it works for me, thanks so much Do you know if is possible to publish a pre-release package? like a beta or something previous to the final release? what should be the commands to do that? thank you

[@BrunoAntunesPT]

Thank you 😍 Yes you will need a pre-releass branch for that, but answering directly to your question: yes, it's possible 😊 They have docs here explaining that process semantic-release.gitbook.io/semantic-release/usage/workflow-configuration#pre-release-branches

[@mkdierz]

thanks much love ❤

[@shivomsrivastava6540]

Thanks Bruno

[@adi_sekar]

Great video Bruno. I didn't get the last part on why publish was skipped, but you did see the new version 1.1.0 updated in npm? How did that work?

[@gowsalyar8352]

The publish was skipped for his feature branch, bcoz he set it up the publish steps in yml file to run only for the main branch. So that only the publish steps skipped for his feature branch. And then once the changes merged to main the publish step ran and the npm version updated in npm screen. Hope it's helps to understand.👍

[@Senshiii99]

SIMPLY AMAZING !! ❤

[@BrunoAntunesPT]

Thank you 😍

[@sealuke2724]

awesome content!! bro

[@feossandon]

Hello Bruno, thanks for the tutorial. I have troubles with NPM_TOKEN during the CI actions process. ""Please make sure to set the NPM_TOKEN environment variable in your CI with the exact value of the npm token."" but my npm account does not have 2FA enabled, and my generated access token is type ""Automation"". any advice about this problem?

[@eduardocarvalho4232]

Portuguese 🤟🏻 Awesome work. Tens discord ?

[@BrunoAntunesPT]

Muito obrigado Eduardo 😍 Por acaso nao tenho discord... mas 'es a terceira pessoa esta semana a perguntar isso 😊 Que vantagens ves em usar discord? Desculpa a pergunta completamente noob da minha parte 🤣🤣

[@eduardocarvalho4232]

​@@BrunoAntunesPT O discord é uma app para mobile/desktop/web que te permite criar um "servidor" onde podes convidar amigos, video calls, chamadas de grupo, partilha de ecra, tudo no mesmo servidor sem custo nenhum. Faz imensa falta na comunidade portuguesa, já que procuramos sempre contéudo na comunidade Inglesa/Brasileira e assim podiamos criar uma união e partilhar-mos conteúdo em Português com outros Portugueses 😂

[@hattori-kunplays1204]

24:15 did you mean squash and merge will lose the nice commit messages not the Create a merge commit?

[@subhranshudas8862]

Great explanation. Can you please share about how to do the same thing for mono-repos with independent publishable modules?

[@raffaelloringue]

thanks for the vid. is it possible to have inside the action more than 1 if. ? For example 1 for main branch and another for dev branch? another question.. what about pushing from visualcode ?

[@leonilima2611]

Me ajudou muito. Abraços direto do Brasil!

[@mapalchemy7831]

Thanks Bruno, add this in package.json to avoid payment error: "publishConfig": { "access": "public" },

[@GabrielRodriquesGonzaga]

Nice one :)

[@TalesMarinho]

Can you record a video with the necessary changes to publish a named package on github registry from an organization? It's bein painful here

[@MarcosRCordeiro10]

Hello Bruno. Is there a another way do write routes inside NextJS? I dont like the system namefolders routes I want something like "router" from CRA

[@BrunoAntunesPT]

Uhmm... You can but you need to create a custom server 😔😔

[@卡卡西-p7i]

please let me know if you still can publish success. I tried the latest version of seamantic-release and same of verion as your repo, both meet same 403 error.

[@wacnss]

Hello, it's a nice tutorial. Everything is working fine, but once it reaches the release job it falls into a permision error how do I solve it? NOTE: I've even used my personal access token which gives all the permisions it needs.

[@himanshukushwah5211]

Hey bruno having packages depreciated errors, please help

[@wilsonbenavides1520]

Hello, Bruno could I use this method to share common codes between 2 projects? I have 2 react apps that share many functions, selectors, ui components.

[@BrunoAntunesPT]

Yes, you can! :) We share react components and helpers between multiple teams inside my company. We have a private npm registry so the code is not exposed outside our organization - this might be important (or not) depending on your company... We then use storybook both as development playground and documentation - storybook is a pleasure to work with :)

[@wilsonbenavides1520]

@@BrunoAntunesPT wow Bruno thanks a lot. I ve been struggling copying and pasting the codes within my projects. Do you have a video where you you talk more In detail about this topic?

[@BrunoAntunesPT]

Yeah, copy pasting works for a while, but as soon as your projects start to grow, it becomes very painful very fast, especially if you have multiple teams with a dozen projects xD Well...that was basically my introduction for last weeks video and one of the reasons to make this 2 videos - kzbin.info/www/bejne/l4epkqaGjdCsiKc But if you have any question(s), feel free to ask, and I'll try to help :)

[@wilsonbenavides1520]

@@BrunoAntunesPT thanks. I got it.

[@prakashacharya]

AggregateError: SemanticReleaseError: The release branches are invalid in the `branches` configuration. I got this error I tried to find the documentation and added the configuration for release branches it does not work.

[@BrunoAntunesPT]

Can you share your repository? Are you passing the branches like here : github.com/bmvantunes/youtube-2021-may-automatic-publish-npm-semantic-release-and-github-actions/blob/1c6d20cd4b92978e8ac40d44f704073fe5ddcfa9/package.json#L25

[@prakashacharya]

@@BrunoAntunesPT i passed the different branch name I fixed it. Thankyou so much. Appriciate your work.

[@BrunoAntunesPT]

Awesome 😀😀

[@JeffandFantom]

How about make about GitLab?

[@leocaesar2]

why is my package not appearing in my npm account

[@BrunoAntunesPT]

It can take quite a while because of cache 😊 As long as it says it was published on the terminal 😊

[@Stefan-xm9qb]

Nice jaw line

[@kavishkasandaruwan3637]

can i do it without coding

[@henryugochukwu8398]

Hi Bruno. Awesome work man. But I am having an issue when running the publish job. semantic-release seems to be having an issue during publishing. Please help npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! react-paga@0.0.0-development semantic-release: `semantic-release` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the react-paga@0.0.0-development semantic-release script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /home/runner/.npm/_logs/2021-07-26T01_54_40_871Z-debug.log

[@BrunoAntunesPT]

Thank you 😊 can you copy more of the error? That bit alone doesn't help understand what happened 😊

[@henryugochukwu8398]

@@BrunoAntunesPT Hi Bruno, thanks for the response. Apparently when I created my npmjs.com account I didn't verify my email address as a result I wasn't granted access to publish my package. But I have resolved it. Thanks

[@BrunoAntunesPT]

@@henryugochukwu8398 that's awesome to read 😍😍😍 I'm very happy you are now able to publish packages ❤️❤️