This is an up-to-date guide on running Chromium in Vercel serverless functions in 2022. What you will read below is the result of two days of research, debugging, 100+ failed deployments, and a little bit of stress.
Use chrome-aws-lambda that comes with Chromium pre-configured to run in serverless, and puppeteer-core due to the smaller size of Chromium distributive.
| import React, { useState } from "react"; | |
| import { animated, useSpring, config } from "react-spring"; | |
| import "./styles.css"; | |
| export default function App() { | |
| const [progress, setProgress] = useState("0%"); | |
| const props = useSpring({ width: progress, config: config.slow }); | |
| return ( | |
| <div className="App"> | |
| <div className="button-bar"> |
| { | |
| "name": "themeswitch", | |
| "version": "0.0.1", | |
| "description": "Easily switch between your two predefined themes for Sublime Text.", | |
| "dependencies": {}, | |
| "devDependencies": { | |
| "coffee-script": "^1.9.3", | |
| "json-format": "0.0.1" | |
| }, | |
| "author": "Fatih Acet <fatih@fatihacet.com>" |