tanner-west

import React from "react";
import {
  View,
  SafeAreaView,
  useWindowDimensions,
  TextInput,
} from "react-native";
import Animated, {
  Extrapolate,
  interpolate,

tanner-west

HTTPS to HTTPS 301 Redirects with GoDaddy: Impossible

We had a client who needed to redirect an entire domain (we'll call it firstdomain.com) to a specific page on another domain (seconddomain.com/path/to/content) No problem, we thought. Their DNS was handled with GoDaddy, who offers a no-charge 301 forwarding service. A colleague of mine set up the redirect the way you'd expect, with all traffic to firstdomain.com being redirected to https://seconddomain.com/path/to/content. Then we encountered a problem.

We started getting ERR_CERT_COMMON_NAME_INVALID errors when we tried to visit firstdomain.com in desktop browsers. No redirect occurred. Some, but not all mobile browsers didn't have this issue. Stepping back to examine the problem, two mysteries became apparent to me:

1. How does GoDaddy actually send a 301 status? You need a HTTP server for that.
2. What is the purpose of the mysterious A record in the domain's DNS records that point to 184.168.131.241?

The mysterious A record in question was not ed

tanner-west

import React, { useEffect, useState, useRef } from "react";
import {
  View,
  SafeAreaView,
  StyleSheet,
  Image,
  useWindowDimensions,
} from "react-native";
import Animated, {
  interpolate,

tanner-west

import React, { useRef, useMemo, useState } from "react";
import {
  Image,
  useWindowDimensions,
  View,
  Text,
  TouchableOpacity,
  FlatList,
} from "react-native";
import MaterialIcons from "@expo/vector-icons/MaterialCommunityIcons";

tanner-west

import React, { useState } from "react";
import { View, useWindowDimensions, Text, SafeAreaView } from "react-native";
import {
  Canvas,
  Fill,
  Image,
  useImage,
  BackdropFilter,
  Blur,
  useTouchHandler,

tanner-west

import React, { useState } from "react";
import { SafeAreaView, Text } from "react-native";
import {
  Gesture,
  GestureDetector,
  GestureHandlerRootView,
} from "react-native-gesture-handler";

export default function GestureDemo() {
  const [tGestureStart, setTGestureStart] = useState<undefined | string>();

tanner-west

import React from "react";
import Svg, {
  Path,
  Circle,
  Defs,
  ClipPath,
  LinearGradient,
  Stop,
  Rect,
  G,

tanner-west

import React from "react";
import { View, useWindowDimensions, Image } from "react-native";
import Svg, { Line } from "react-native-svg";
import Animated, {
  Extrapolation,
  SharedValue,
  interpolate,
  useAnimatedRef,
  useAnimatedStyle,
  useScrollViewOffset,

tanner-west

import { StatusBar } from "expo-status-bar";
import React, { useState } from "react";
import {
  FlatList,
  View,
  Text,
  Image,
  StyleSheet,
  SafeAreaView,
  useWindowDimensions,

tanner-west

import React from "react";
import { SafeAreaView, View, StyleSheet } from "react-native";
import Slider from "@react-native-community/slider";
import Animated, {
  interpolate,
  useAnimatedStyle,
  useDerivedValue,
  useSharedValue,
  useAnimatedProps,
} from "react-native-reanimated";