ComponentsBuilt With ShipFast

Credit goes to Juanjo Valiño for re-creating this ShipFast component.

Table of Contents:

Built with ShipFast badge with affiliate link.

Built With ShipFast Component

Code

/components/BuiltWithShipFast.js

1import Image from "next/image";
2
3const BuiltWithShipFast = () => {
4  return (
5    <a
6      className="inline-block mt-4 text-sm border border-base-content/20 hover:border-base-content/40 hover:text-base-content/90 hover:bg-base-300 duration-200 cursor-pointer rounded text-base-content/80 px-2 py-1"
7      href="https://shipfa.st/?via=YOUR_AFFILIATE_HERE"
8      target="_blank"
9    >
10      <div className="flex gap-1 items-center">
11        <span>Built with</span>
12        <span className="font-bold text-base-content flex gap-0.5 items-center tracking-tight">
13          <Image
14            alt="ShipFast logo"
15            fetchPriority="high"
16            width="20"
17            height="20"
18            decoding="async"
19            className="w-5 h-5"
20            style={{
21              color: "transparent",
22            }}
23            src="/logo_transparent.png"
24          />
25          ShipFast
26        </span>
27      </div>
28    </a>
29  );
30};
31
32export default BuiltWithShipFast;

Usage

/components/Footer.js

1<p className="mt-3 text-sm text-base-content/60">
2  Copyright © {new Date().getFullYear()} - All rights reserved
3</p>
4<BuiltWithShipFast />

Tips

  • Download the ShipFast logo logo_transparent.png from the Footer on shipfa.st and paste it in your /public folder.