vercel-action
typescript-action
vercel-action | typescript-action | |
---|---|---|
11 | 29 | |
595 | 1,777 | |
- | 2.0% | |
5.0 | 9.2 | |
about 1 month ago | 3 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vercel-action
-
URL shortening using CLI
Vercel CLI - Link
-
Integration Testing Vercel Serverless Functions with OpenTelemetry
The initial step involves creating a Vercel account, installing the CLI, and authenticating through the CLI.
-
How to develop serverless PHP application with PostgreSQL database with Vercel and Neon.tech for free
I signed up for the Vercel service at the Hobby plan, did my first project and installed the Vercel CLI.
-
Deploy a Django app with PostgreSQL database on Vercel
I had already an account on Vercel and the vercel-cli installed.
-
Vercel + Puppeteer
Once we've verified everything is working properly, the next step is getting our Puppeteer + NextJS application onto Vercel. There's two ways of doing this: either the Vercel CLI or via Github. For now we'll use GitHub as a deployment method. You'll want to create a new app on Vercel by clicking "Create a New Project":
-
How to create and deploy an (express) Bridge app with Vercel
Having Nodejs and Vercel CLI installed on your machine.
-
Let's give recognition to those supporting our work on GitHub Sponsors.
Images are generated by a React component and is embedded within an SVG. You can run the project locally using the Vercel CLI by running the following command in your terminal:
-
Batch to add / remove environment variables by Vercel CLI
Not sure why Vercel CLI 28.9.0 has no way to import whole .env file or all environment variables in one project or environment. Write a simple bash script to achieve it:
-
Adding Vercel og:image generation to Astro project with Edge functions
Now, I want the API route to be picked up by Vercel. By default the Astro build command will not pick up these API routes in the root directory (since they are part of the (vercel build command)[https://github.com/withastro/astro/issues/5451#issuecomment-1339720682]). So to get this working in my use case, I switched to using the (Vercel CLI)[https://vercel.com/docs/cli] to build and deploy my project. After installing the cli globally with npm i -g vercel, I can run vercel build to build my project locally, and run vercel deploy --prebuilt afterwards to deploy the locally created build directly to Vercel. I also opted to disable the automatic deployments on pushes to my git repository, since I'm doing the deployments through the CLI now. Disabling the automatic deployments was done by adding a vercel.json file in the root directory, containing the following:
-
Vercel preview deployments strange behavior using Next
We have also been trying to use Github actions and have been using THIS for the Vercel deployment and this is causing even more strange behaviors:
typescript-action
-
Hashnode Blog GitHub Action - fetch and display the latest blogs in a nice format
While learning about GitHub Actions, I came across the GitHub Actions Org, and they have a bunch of templates for building custom GitHub actions. So, I started searching for a template that has TypeScript support, ensuring type safety to write bug-free code. I found the typescript-action template that includes support for tests, linter, versioning, and more.
-
Dynamically importing a downloaded file in a TypeScript GitHub action.
This is the template I used for my TypeScript action https://github.com/actions/typescript-action
-
Develop, test, and deploy your extensions for all popular CIs from a single codebase
I found the GitHub actions documentation easier to read than Azure, so I would recommend starting writing and testing your extensions on GitHub by using the official template actions/typescript-action. The mentioned template provides a good starting point; I won't repeat the steps here. Play with it, write some simple stuff, and then return here for the next steps.
-
Speeding up GitHub Actions with npm cache
GitHub maintain a set of repos called actions. One of which is called cache.
-
AdaGPT: My Learnings While Building a GitHub Action
To get started quickly with a JavaScript action, I recommend using the official templates from GitHub for JavaScript and TypeScript.
-
Rust is not hard! Part 1: GitHub Actions
On the TypeScript side, setup was much easier. There was already a template from GitHub that took care of the basics. Most of the time spent here was updating dependencies and getting my editor to play nicely with itβ18 minutes, about 10% of the total.
- CICD pipelines written in Typescript
- Unpopular opinion: CI/CD engines are an awful idea
-
Creating GitHub Actions for community engagement
Now that you know how to create your own GitHub Actions, why not give it a try? Head to the GitHub Marketplace and start exploring the existing Actions, or create your own and share it with the community. With GitHub Actions, the possibilities are endless, so start building and see what you can accomplish
-
How to Debug Tests in the CI Pipeline
Your build most likely fails because your tests fail. Most CI pipelines today, like Jenkins, Circleci, GitLab, TeamCity, Bamboo, and GitHub Actions, are configured to automatically cause the build process to fail when tests fail.
What are some alternatives?
lighthouse - Automated auditing, performance metrics, and best practices for the web.
codeql-action - Actions for running CodeQL analysis
sticky-pull-request-comment - create comment on pull request, if exists update that comment.
ncc - Compile a Node.js project into a single file. Supports TypeScript, binary addons, dynamic requires.
vercel-lighthouse-action - Vercel lighthouse audit github action
get-changed-files - Get all of the files changed/modified in a pull request or push's commits.
starter-workflows - Accelerating new GitHub Actions workflows
sponsors-api - GitHub Sponsor avatar listings in your Readme.md
publish-unit-test-result-action - GitHub Action to publish unit test results on GitHub
next.js - The React Framework [Moved to: https://github.com/vercel/next.js]
wizard - [DEPRECATED] π§πΌββοΈ Minimal Jest-like unit testing framework for Deno.