| // I'm tired of extensions that automatically: | |
| // - show welcome pages / walkthroughs | |
| // - show release notes | |
| // - send telemetry | |
| // - recommend things | |
| // | |
| // This disables all of that stuff. | |
| // If you have more config, leave a comment so I can add it!! | |
| { |
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 { useEffect } from 'react' | |
| import Router from 'next/router' | |
| import * as ackeeTracker from 'ackee-tracker' | |
| // global styles (css reset, fonts) | |
| import 'assets/styles/global.css' | |
| const PersonalApp = ({ Component, pageProps, router }) => { | |
| useEffect(() => { | |
| if (typeof window !== 'undefined') { |
| const plugin = require("tailwindcss/plugin"); | |
| module.exports = { | |
| mode: "jit", | |
| purge: { | |
| content: ["./src/**/*.{js,ts,jsx,tsx,mdx,vue}"], | |
| }, | |
| theme: { extend: {} }, | |
| variants: {}, | |
| plugins: [ |
| // Paste this into the console | |
| var colors = [...document.querySelectorAll("*")].flatMap((el) => { | |
| const style = getComputedStyle(el); | |
| return [ | |
| style.getPropertyValue("color"), | |
| style.getPropertyValue("background-color"), | |
| ]; | |
| }); |
| // ID of the config, e.g. A1234BCD. | |
| const configID = "A1234BCD"; | |
| // API key, found at the bottom of your account page in https://my.nextdns.io/account | |
| const APIKey = "xxxxxxxxxxxxxxxxxxxxxxxxxx"; | |
| // Mark true or false. If true, failed links will be retried 3 times at progressively increasing intervals. | |
| // If false, failed links will not be retried. | |
| const retryFailedLinks = true; | |
| // Time delay between requests in milliseconds. | |
| // 800 seems to not give any errors but is rather slow while anything faster will give errors (in limited testing). | |
| // If you want to go lower, it is recommended that "retryFailedLinks" is true |
| node_modules |
| ((document, location, navigator) => { | |
| const domain = location.hostname.split(".") | |
| const match = document.cookie.match(/(^|; ?)_ga=GA1\.\d\.(\d+\.\d+)(;|$)/) | |
| // use existing client id or generate one | |
| const cid = match ? match[2] : ~~(2147483648 * Math.random()) + "." + ~~(Date.now() / 1000) | |
| // set cookie at highest possible domain level | |
| for (let i = domain.length; i--;) { | |
| const cookie = `_ga=GA1.${domain.length - i}.${cid}` |
| import React from 'react'; | |
| export const onRenderBody = function({ setPreBodyComponents }) { | |
| // Load dark mode script in head to prevent FOUC. | |
| setPreBodyComponents([ | |
| <script | |
| type="text/javascript" | |
| key="theme-initializer" | |
| src="/set-dark-mode.js" | |
| />, |
| Mute these words in your settings here: https://twitter.com/settings/muted_keywords | |
| ActivityTweet | |
| generic_activity_highlights | |
| generic_activity_momentsbreaking | |
| RankedOrganicTweet | |
| suggest_activity | |
| suggest_activity_feed | |
| suggest_activity_highlights | |
| suggest_activity_tweet |
