Introduction

In this guide, you'll create a GitHub Actions workflow to test your code and then publish it to GitHub Packages.

Publishing your package

1. Create a new repository on GitHub, adding the.gitignore for Node. For more information, seeCreating a new repository.

2. Clone the repository to your local machine.

   git clone https://github.com/YOUR-USERNAME/YOUR-REPOSITORY.gitcd YOUR-REPOSITORY

3. Create anindex.js file and add a basic alert to say "Hello world!"

   JavaScript

   console.log("Hello, World!");

4. Initialize an npm package withnpm init. In the package initialization wizard, enter your package with the name:@YOUR-USERNAME/YOUR-REPOSITORY, and set the test script toexit 0. This will generate apackage.json file with information about your package.

   $npm init  ...  package name: @YOUR-USERNAME/YOUR-REPOSITORY  ...  test command: exit 0  ...

5. Runnpm install to generate thepackage-lock.json file, then commit and push your changes to GitHub.

   npm installgit add index.js package.json package-lock.jsongit commit -m "initialize npm package"git push

6. Create a.github/workflows directory. In that directory, create a file namedrelease-package.yml.

7. Copy the following YAML content into therelease-package.yml file.

   YAML

   name:Node.jsPackageon:release:types: [created]jobs:build:runs-on:ubuntu-lateststeps:-uses:actions/checkout@v5-uses:actions/setup-node@v4with:node-version:20-run:npmci-run:npmtestpublish-gpr:needs:buildruns-on:ubuntu-latestpermissions:packages:writecontents:readsteps:-uses:actions/checkout@v5-uses:actions/setup-node@v4with:node-version:20registry-url:https://npm.pkg.github.com/-run:npmci-run:npmpublishenv:NODE_AUTH_TOKEN:${{secrets.GITHUB_TOKEN}}

8. Tell npm which scope and registry to publish packages to using one of the following methods:

   • Add an npm configuration file for the repository by creating a.npmrc file in the root directory with the contents:

     @YOUR-USERNAME:registry=https://npm.pkg.github.com

   • Edit thepackage.json file and specify thepublishConfig key:

     "publishConfig": {  "@YOUR-USERNAME:registry": "https://npm.pkg.github.com"}

9. Commit and push your changes to GitHub.

   $git add .github/workflows/release-package.yml#Also add the file you created or editedin the previous step.$git add .npmrc or package.json$git commit -m"workflow to publish package"$git push

10. The workflow that you created will run whenever a new release is created in your repository. If the tests pass, then the package will be published to GitHub Packages.

    To test this out, navigate to theCode tab in your repository and create a new release. For more information, seeManaging releases in a repository.

Viewing your published package

You can view all of the packages you have published.

1. On GitHub, navigate to the main page of the repository.

2. In the right sidebar of your repository, clickPackages.

   

3. Search for and then click the name of the package that you want to view.

Installing a published package

Now that you've published the package, you'll want to use it as a dependency across your projects. For more information, seeWorking with the npm registry.

Next steps

The basic workflow you just added runs any time a new release is created in your repository. But this is only the beginning of what you can do with GitHub Packages. You can publish your package to multiple registries with a single workflow, trigger the workflow to run on different events such as a merged pull request, manage containers, and more.

Combining GitHub Packages and GitHub Actions can help you automate nearly every aspect of your application development processes. Ready to get started? Here are some helpful resources for taking your next steps with GitHub Packages and GitHub Actions:

• Learn GitHub Packages for an in-depth tutorial on GitHub Packages
• Writing workflows for an in-depth tutorial on GitHub Actions
• Working with a GitHub Packages registry for specific uses cases and examples