vercel-action
vercel-action | website-thomas-astro | |
---|---|---|
11 | 6 | |
595 | 42 | |
- | - | |
5.0 | 8.9 | |
about 1 month ago | 5 days ago | |
JavaScript | MDX | |
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:
website-thomas-astro
-
Astro DB: Migrating my analytics data from Vercel Postgres
Since Drizzle abstracts away the differences between Postgres & LibSQL behind the scenes, I didn't have to change much to my queries. This made the migration very easy. Having the type-safety of Drizzle, I could just do the changes and do a quick type-check to see if any TS errors popped up, if there weren't any, I was done. Now the migration's done, I don't have to worry about hitting the limits of the free tier anywhere soon, and the DX got even better, double win! If you want to see the changes I had to do to move from Vercel Postgres to Astro DB in code, you can check this compare. You'll see a lot of the changed files are from moving my pages/page-views route to a static route, and handling all the data fetching for it on the client side. This was mainly done to avoid seeing an empty page for too long while server rendering the dataset.
-
Basic analytics with Vercel Postgres, Drizzle & Astro
Full code can be found on GitHub, live data can be seen on my website.
-
Setting up authentication in Astro with Prisma and Planetscale
Hope this was helpful! Source code can be found on my Github as always.
-
Automatically generating pages for each tag used in Astro with MDX
I must say I really enjoy working with Astro for writing Markdown/MDX, especially when they make it this easy! Source code can be found on Github. An example of a tag page can be found here.
-
Adding Vercel og:image generation to Astro project with Edge functions
Hopefully this helps other people wanting to use serverless/edge API functions in their Astro projects. Source code can be found here.
-
Adding comments to my Astro blog with PlanetScale & Prisma on Vercel Edge
To make my code run locally too, I needed to change the DATABASE_URL environment variable to make it point directly to PlanetScale instead of going through Prisma Proxy. Go check it out on my blog, and add a comment ;-). Source code can be found on my Github.
What are some alternatives?
lighthouse - Automated auditing, performance metrics, and best practices for the web.
Prisma - Next-generation ORM for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB, SQL Server, SQLite, MongoDB and CockroachDB
typescript-action - Create a TypeScript Action with tests, linting, workflow, publishing, and versioning
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
sticky-pull-request-comment - create comment on pull request, if exists update that comment.
vercel-lighthouse-action - Vercel lighthouse audit github action
starter-workflows - Accelerating new GitHub Actions workflows
sponsors-api - GitHub Sponsor avatar listings in your Readme.md
next.js - The React Framework [Moved to: https://github.com/vercel/next.js]
bridge - Bridge is a Typescript Node.js framework that provides an easy and scalable way to create REST APIs while generating the client code. Our goal is to make Bridge a great framework for both frontend and backend teams, so if you're familiar with Node.js and Typescript, you'll feel right at home.
vercel-puppeteer - NextJS example with browserless
sponsor-spotlight - Let's give recognition to those supporting our work.