Where to find user agent strings?
https://explore.whatismybrowser.com/useragents/explore/software_name/facebook-bot/
Looking for same but for Apache2? Here: https://techexpert.tips/apache/apache-blocking-bad-bots-crawlers/
Create a fresh new Next js project. https://nextjs.org/docs/getting-started#automatic-setup
pnpm create next-app --typescript
install prettier
| import type { V2_HtmlMetaDescriptor, V2_MetaFunction } from "@remix-run/node"; | |
| export const mergeMeta = ( | |
| overrideFn: V2_MetaFunction, | |
| appendFn?: V2_MetaFunction, | |
| ): V2_MetaFunction => { | |
| return arg => { | |
| // get meta from parent routes | |
| let mergedMeta = arg.matches.reduce((acc, match) => { | |
| return acc.concat(match.meta || []); |
| // TODO: make `pages` optional and measure the div when unspecified, this will | |
| // allow more normal document flow and make it easier to do both mobile and | |
| // desktop. | |
| import { | |
| createContext, | |
| useCallback, | |
| useContext, | |
| useEffect, | |
| useMemo, | |
| useRef, |
| import { redirect, createCookie } from "remix"; | |
| const sessionSecret = process.env.SESSION_SECRET; | |
| const cognitoDomain = process.env.COGNITO_DOMAIN; | |
| const clientId = process.env.CLIENT_ID; | |
| if (!sessionSecret) { | |
| throw new Error("SESSION_SECRET must be set"); | |
| } | |
| if (!cognitoDomain) { | |
| throw new Error("COGNITO_DOMAIN must be set"); |
| #!/bin/bash | |
| export PATH=/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin | |
| exec > /dev/kmsg 2>&1 | |
| TMP=/tmp/ipsum.txt | |
| until wget --spider https://raw.githubusercontent.com/stamparm/ipsum/master/ipsum.txt > /dev/null 2>&1; do | |
| echo "Waiting for GitHub to be accessible" |
| export const CACHE_STALE_AT_HEADER = 'x-edge-cache-stale-at'; | |
| export const CACHE_STATUS_HEADER = 'x-edge-cache-status'; | |
| export const CACHE_CONTROL_HEADER = 'Cache-Control'; | |
| export const CLIENT_CACHE_CONTROL_HEADER = 'x-client-cache-control'; | |
| export const ORIGIN_CACHE_CONTROL_HEADER = 'x-edge-origin-cache-control'; | |
| enum CacheStatus { | |
| HIT = 'HIT', | |
| MISS = 'MISS', | |
| REVALIDATING = 'REVALIDATING', |
| { | |
| "captainVersion": "2", | |
| "documentation": "https://github.com/caprover/one-click-apps", | |
| "dockerCompose": { | |
| "version": "3.3", | |
| "services": { | |
| "$$cap_appname-db": { | |
| "image": "postgres:$$cap_postgres_version", | |
| "notExposeAsWebApp": "true", | |
| "volumes": [ |
If you're developing an application based on React it can be helpful if you don't need to develop all the basic UI components yourself. Here you can find a list with various components, component libraries and complete design systems developed with and for React.
As the list got longer and longer I thought it would be better to have a "real" site for it.
| --- | |
| - name: Sync uploads between environments | |
| hosts: web | |
| remote_user: "{{ web_user }}" | |
| vars: | |
| project: "{{ wordpress_sites[site] }}" | |
| project_root: "{{ www_root }}/{{ site }}" | |
| tasks: |