feat: review closing sections on feature pages (#389)

arcjet · Jan 28, 2025 · 69bded7 · 69bded7
1 parent 4dac822
commit 69bded7
Show file tree

Hide file tree

Showing 11 changed files with 329 additions and 62 deletions.
diff --git a/src/components/SdkReferenceLinkByFramework.astro b/src/components/SdkReferenceLinkByFramework.astro
@@ -0,0 +1,67 @@
+---
+import SlotByFramework from "@/components/SlotByFramework";
+import { LinkCard } from "@astrojs/starlight/components";
+---
+
+<SlotByFramework client:load>
+  <LinkCard
+    slot="bun"
+    title="SDK reference"
+    href="/reference/bun"
+    description="Bun SDK reference guide."
+  />
+  <LinkCard
+    slot="bun-hono"
+    title="SDK reference"
+    href="/reference/bun"
+    description="Bun SDK reference guide."
+  />
+  <LinkCard
+    slot="deno"
+    title="SDK reference"
+    href="/reference/nodejs"
+    description="Node.js SDK reference guide."
+  />
+  <LinkCard
+    slot="nest-js"
+    title="SDK reference"
+    href="/reference/nestjs"
+    description="NestJS SDK reference guide."
+  />
+  <LinkCard
+    slot="next-js"
+    title="SDK reference"
+    href="/reference/nextjs"
+    description="Next.js SDK reference guide."
+  />
+  <LinkCard
+    slot="node-js"
+    title="SDK reference"
+    href="/reference/nodejs"
+    description="Node.js SDK reference guide."
+  />
+  <LinkCard
+    slot="node-js-express"
+    title="SDK reference"
+    href="/reference/nodejs"
+    description="Node.js SDK reference guide."
+  />
+  <LinkCard
+    slot="node-js-hono"
+    title="SDK reference"
+    href="/reference/nodejs"
+    description="Node.js SDK reference guide."
+  />
+  <LinkCard
+    slot="remix"
+    title="SDK reference"
+    href="/reference/remix"
+    description="Remix SDK reference guide."
+  />
+  <LinkCard
+    slot="sveltekit"
+    title="SDK reference"
+    href="/reference/remix"
+    description="SvelteKit SDK reference guide."
+  />
+</SlotByFramework>
diff --git a/src/content/docs/bot-protection/quick-start.mdx b/src/content/docs/bot-protection/quick-start.mdx
@@ -41,6 +41,7 @@ import SlotByFramework from "@/components/SlotByFramework";
 import FrameworkName from "@/components/FrameworkName";
 import FAQs from "/src/components/FAQs.astro";
 import Comments from "/src/components/Comments.astro";
+import SdkReferenceLinkByFramework from "/src/components/SdkReferenceLinkByFramework.astro";
 
 import BunStep1 from "@/snippets/bot-protection/quick-start/bun/Step1.mdx";
 import BunStep2 from "@/snippets/bot-protection/quick-start/bun/Step2.mdx";
@@ -153,24 +154,39 @@ Check out our [full list of bots](https://arcjet.com/bot-list).
 
 ## What next?
 
-Arcjet can be used with specific rules on individual routes or as general
-protection on your entire application. You can customize bot protection, rate
-limiting for your API and minimize fraudulent registrations with the signup form
-protection.
-
 <CardGrid>
   <LinkCard
     title="Bot protection reference"
     href="/bot-protection/reference"
     description="Full details about bot protection."
-  ></LinkCard>
+  />
   <LinkCard
     title="Testing"
     href="/testing"
     description="Write tests for your rules."
   />
 </CardGrid>
 
+### Explore
+
+Arcjet can be used with specific rules on individual routes or as general
+protection on your entire application. You can setup rate limiting for your
+API, minimize fraudulent registrations with the signup form protection and more.
+
+<CardGrid>
+  <LinkCard
+    title="Example apps"
+    href="https://github.com/arcjet/arcjet-js/tree/main/examples"
+    description="Check out the examples."
+  />
+  <LinkCard
+    title="Learn how Arcjet works"
+    href="/architecture"
+    description="Arcjet's architecture."
+  />
+  <SdkReferenceLinkByFramework />
+</CardGrid>
+
 ## Get help
 
 Need help with anything? Email [email protected] to get support from our

diff --git a/src/content/docs/email-validation/quick-start.mdx b/src/content/docs/email-validation/quick-start.mdx
@@ -33,6 +33,7 @@ ajToc:
 ---
 
 import { LinkCard, CardGrid } from "@astrojs/starlight/components";
+import SdkReferenceLinkByFramework from "/src/components/SdkReferenceLinkByFramework.astro";
 import WhatIsArcjet from "/src/components/WhatIsArcjet.astro";
 import SlotByFramework from "@/components/SlotByFramework";
 import FrameworkName from "@/components/FrameworkName";
@@ -130,11 +131,6 @@ The requests will also show in the [Arcjet dashboard](https://app.arcjet.com).
 
 ## What next?
 
-Arcjet can be used with specific rules on individual routes or as general
-protection on your entire application. You can customize bot protection, rate
-limiting for your API and minimize fraudulent registrations with the signup form
-protection.
-
 <CardGrid>
   <LinkCard
     title="Email validation reference"
@@ -148,6 +144,27 @@ protection.
   />
 </CardGrid>
 
+### Explore
+
+Arcjet can be used with specific rules on individual routes or as general
+protection on your entire application. You can setup bot protection, rate
+limiting for your API, minimize fraudulent registrations with the signup form
+protection and more.
+
+<CardGrid>
+  <LinkCard
+    title="Example apps"
+    href="https://github.com/arcjet/arcjet-js/tree/main/examples"
+    description="Check out the examples."
+  />
+  <LinkCard
+    title="Learn how Arcjet works"
+    href="/architecture"
+    description="Arcjet's architecture."
+  />
+  <SdkReferenceLinkByFramework />
+</CardGrid>
+
 ## Get help
 
 Need help with anything? Email [email protected] to get support from our

diff --git a/src/content/docs/get-started.mdx b/src/content/docs/get-started.mdx
@@ -43,9 +43,10 @@ ajToc:
 
 import SlotByFramework from "@/components/SlotByFramework";
 import FrameworkLinks from "@/components/FrameworkLinks";
-import { LinkButton, LinkCard } from "@astrojs/starlight/components";
+import { LinkButton, LinkCard, CardGrid } from "@astrojs/starlight/components";
 import FAQs from "/src/components/FAQs.astro";
 import WhatIsArcjet from "/src/components/WhatIsArcjet.astro";
+import SdkReferenceLinkByFramework from "/src/components/SdkReferenceLinkByFramework.astro";
 
 import BunStep0 from "@/snippets/get-started/bun/Step0.mdx";
 import BunStep1 from "@/snippets/get-started/bun/Step1.mdx";
@@ -223,26 +224,54 @@ limit, and prevent bots from accessing your app.
 
 The requests will also show in the [Arcjet dashboard](https://app.arcjet.com).
 
+## FAQs
+
+<FAQs />
+
 ## What next?
 
 <SlotByFramework client:load>
   <Fragment slot="next-js">
     <LinkCard
-      title="Protect your entire site from bots with middleware"
+      title="Site-wide bot protection"
       href="/bot-protection/quick-start#3-add-bot-protection"
+      description="Use middleware to protect your entire app."
     />
   </Fragment>
 </SlotByFramework>
-<LinkCard
-  title="Customize allowed bots"
-  href="/bot-protection/identifying-bots"
-/>
-<LinkCard title="Learn how Arcjet works" href="/architecture" />
-<LinkCard title="Set up tests for your rules" href="/testing" />
-
-## FAQs
-
-<FAQs />
+<CardGrid>
+  <LinkCard
+    title="Customize allowed bots"
+    href="/bot-protection/identifying-bots"
+    description="Identify bots and configure allow/deny lists."
+  />
+  <LinkCard
+    title="Testing"
+    href="/testing"
+    description="Write tests for your rules."
+  />
+</CardGrid>
+
+### Explore
+
+Arcjet can be used with specific rules on individual routes or as general
+protection on your entire application. You can defend from clients sending
+you sensitive information, minimize fraudulent registrations with
+the signup form protection and more.
+
+<CardGrid>
+  <LinkCard
+    title="Example apps"
+    href="https://github.com/arcjet/arcjet-js/tree/main/examples"
+    description="Check out the examples."
+  />
+  <LinkCard
+    title="Learn how Arcjet works"
+    href="/architecture"
+    description="Arcjet's architecture."
+  />
+  <SdkReferenceLinkByFramework />
+</CardGrid>
 
 ## Get help
 

diff --git a/src/content/docs/ip.mdx b/src/content/docs/ip.mdx
@@ -9,6 +9,7 @@ import { Code } from "@astrojs/starlight/components";
 import DisplayType from "@/components/DisplayType.astro";
 import WhatAreArcjetUtilities from "@/components/WhatAreArcjetUtilities.astro";
 import Comments from "@/components/Comments.astro";
+import { LinkCard, CardGrid } from "@astrojs/starlight/components";
 
 The Arcjet IP detection library provides a utility to find the public IP of a
 Request.
@@ -76,4 +77,29 @@ Look up an IP address in a Request-like object, such as `Request`, Node's
 <DisplayType type="Options" from="@arcjet/ip" />
 <DisplayType type="Platform" from="@arcjet/ip" />
 
+## What next?
+
+Arcjet can protect your entire app or individual routes with just
+a few lines of code. Using the main Arcjet SDK you can setup bot protection,
+rate limiting for your API, minimize fraudulent registrations with the
+signup form protection and more.
+
+<CardGrid>
+  <LinkCard
+    title="Example apps"
+    href="https://github.com/arcjet/arcjet-js/tree/main/examples"
+    description="Check out the examples."
+  />
+  <LinkCard
+    title="Learn how Arcjet works"
+    href="/architecture"
+    description="Arcjet's architecture."
+  />
+  <LinkCard
+    title="SDK reference"
+    href="/reference/nodejs"
+    description="Node.js SDK reference guide."
+  />
+</CardGrid>
+
 <Comments />
diff --git a/src/content/docs/nosecone/quick-start.mdx b/src/content/docs/nosecone/quick-start.mdx
@@ -35,6 +35,7 @@ import SDKVersionNosecone from "@/components/SDKVersionNosecone.astro";
 import SlotByFramework from "@/components/SlotByFramework";
 import { LinkCard, CardGrid } from "@astrojs/starlight/components";
 import Comments from "/src/components/Comments.astro";
+import SdkReferenceLinkByFramework from "/src/components/SdkReferenceLinkByFramework.astro";
 
 import BunStep1 from "@/snippets/nosecone/quick-start/bun/Step1.mdx";
 import BunStep2 from "@/snippets/nosecone/quick-start/bun/Step2.mdx";
@@ -152,12 +153,31 @@ ensure it continues to work as expected.
 
 ## What next?
 
+<LinkCard
+  title="Nosecone reference"
+  href="/nosecone/reference"
+  description="Details about each security header and how to configure them."
+/>
+
+### Explore
+
+Arcjet can protect your entire app or individual routes with just
+a few lines of code. Using the main Arcjet SDK you can setup bot protection,
+rate limiting for your API, minimize fraudulent registrations with the
+signup form protection and more.
+
 <CardGrid>
   <LinkCard
-    title="Nosecone reference"
-    href="/nosecone/reference"
-    description="Details about each security header and how to configure them."
-  ></LinkCard>
+    title="Example apps"
+    href="https://github.com/arcjet/arcjet-js/tree/main/examples"
+    description="Check out the examples."
+  />
+  <LinkCard
+    title="Learn how Arcjet works"
+    href="/architecture"
+    description="Arcjet's architecture."
+  />
+  <SdkReferenceLinkByFramework />
 </CardGrid>
 
 ## Get help

diff --git a/src/content/docs/rate-limiting/quick-start.mdx b/src/content/docs/rate-limiting/quick-start.mdx
@@ -41,6 +41,7 @@ import SlotByFramework from "@/components/SlotByFramework";
 import FrameworkName from "@/components/FrameworkName";
 import FAQs from "@/components/FAQs.astro";
 import Comments from "@/components/Comments.astro";
+import SdkReferenceLinkByFramework from "/src/components/SdkReferenceLinkByFramework.astro";
 
 import BunStep1 from "@/snippets/rate-limiting/quick-start/bun/Step1.mdx";
 import BunStep2 from "@/snippets/rate-limiting/quick-start/bun/Step2.mdx";
@@ -146,37 +147,42 @@ The requests will also show in the [Arcjet dashboard](https://app.arcjet.com).
 
 ## What next?
 
-Arcjet can be used with specific rules on individual routes or as general
-protection on your entire application. You can customize bot protection, rate
-limiting for your API and minimize fraudulent registrations with the signup form
-protection.
-
 <CardGrid>
   <LinkCard
-    title="Example apps"
-    href="https://github.com/arcjet/arcjet-js/tree/main/examples"
-    description="Check out the examples."
+    title="Rate limiting reference"
+    href="/rate-limiting/reference"
+    description="Full details about rate limiting."
   />
   <LinkCard
-    title="Rate limit algorithms"
+    title="Rate limiting algorithms"
     href="/rate-limiting/algorithms"
     description="Learn which algorithm to use."
   />
   <LinkCard
-    title="Rate limiting reference"
-    href="/rate-limiting/reference?f=bun"
-    description="Full details about rate limiting."
+    title="Testing"
+    href="/testing"
+    description="Write tests for your rules."
   />
+</CardGrid>
+
+### Explore
+
+Arcjet can be used with specific rules on individual routes or as general
+protection on your entire application. You can setup bot protection,
+minimize fraudulent registrations with the signup form protection and more.
+
+<CardGrid>
   <LinkCard
-    title="SDK reference"
-    href="/reference/nodejs"
-    description="Node.js SDK reference guide."
+    title="Example apps"
+    href="https://github.com/arcjet/arcjet-js/tree/main/examples"
+    description="Check out the examples."
   />
   <LinkCard
-    title="Testing"
-    href="/testing"
-    description="Write tests for your rules."
+    title="Learn how Arcjet works"
+    href="/architecture"
+    description="Arcjet's architecture."
   />
+  <SdkReferenceLinkByFramework />
 </CardGrid>
 
 ## Get help