Skip to content

Commit

Permalink
Revert "Update quickstart intro (#3378)" (#3381)
Browse files Browse the repository at this point in the history
This reverts commit 9692ca4.
  • Loading branch information
mooreds authored Nov 12, 2024
1 parent 5f287a1 commit 86c2fa7
Show file tree
Hide file tree
Showing 2 changed files with 16 additions and 36 deletions.
30 changes: 5 additions & 25 deletions astro/src/pages/docs/quickstarts/index.astro
Original file line number Diff line number Diff line change
Expand Up @@ -4,35 +4,15 @@ import Section from "../../../components/quickstarts/QuickstartSection.astro"
import { quickstartSections } from './quickstart-sections';
---

<Layout frontmatter={{disableTOC: true}} title="Quickstarts" description="Explore step-by-step quickstart guides from FusionAuth to seamlessly integrate authentication into your application." >
<Layout frontmatter={{disableTOC: true}} title="Quickstarts" description="Explore step-by-step Quickstart guides from FusionAuth to seamlessly integrate authentication into your application. Start building secure and scalable solutions in minutes." >
<div class="block group rounded-lg">
<div class="flex object-fill justify-between">
<section>
<p class="font-normal text-s">
Learn how you'd use FusionAuth to add authentication and authorization to an application in the framework or language of your choice in 15 minutes or less.
</p>
<p class="font-normal text-s">
Each quickstart includes a complete runnable application and a shell application you can build out by following the step-by-step integration instructions. Application examples include: <a href='#web-application'>traditional web applications</a>, <a href='#spa'>single-page applications</a>, <a href='#mobile-app'>mobile applications</a>, and <a href='#api'>APIs protected with access tokens</a>.
</p>
<p class="font-normal text-s">
These quickstarts help you rapidly evaluate FusionAuth and see how an integration works, rather than serve as a blueprint for integrating FusionAuth into your current system. For that, see the <a href='/docs/get-started/'>Getting Started</a> documentation.
</p>
</section>
<div class="flex flex-col justify-center">
<h1 class="mb-0 font-extrabold text-3xl sm:leading-tight md:text-4xl lg:text-5xl">Quickstarts</h1>
<p class="font-normal text-s">Step-by-step guides to quickly integrate FusionAuth into your application.</p>
</div>
<img class="ml-50 my-0 h-28 lg:h-52 self-end" src="/img/icons/quickstart.svg" alt="quickstart">
</div>
<div class="flex object-fill justify-between">
<section>
<p class="font-normal text-s">
You'll need the following to work through any quickstarts.
</p>
<ul>
<li>Git, for cloning the example repository</li>
<li>Docker, to run FusionAuth and its dependencies</li>
<li>An editor, to update files</li>
<li>The language, platform or framework; for example, XCode to run the iOS quickstart or Java for the Spring example</li>
</ul>
</section>
</div>

</div>
{ quickstartSections && quickstartSections.map(section =>
Expand Down
22 changes: 11 additions & 11 deletions astro/src/pages/docs/quickstarts/quickstart-sections.ts
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,17 @@ interface QuickStartSection {
}

const qsSections: QuickStartSection[] = [
{
key: 'five-minute',
icon: '/img/icons/qs-main.svg',
faIcon: 'fa-code-simple',
color: 'indigo',
title: '5-minute Guides',
anchorTag: '5-minute',
desc: 'Guides for getting up and running quickly',
articles: [
],
},
{
key: 'web',
icon: '/img/icons/web-application.svg',
Expand Down Expand Up @@ -65,17 +76,6 @@ const qsSections: QuickStartSection[] = [
articles: [
],
},
{
key: 'five-minute',
icon: '/img/icons/qs-main.svg',
faIcon: 'fa-code-simple',
color: 'indigo',
title: '5-minute Guides',
anchorTag: '5-minute',
desc: 'Integration examples against different environments',
articles: [
],
},
];

// merge in quickstarts managed by astro to the list of quickstart links we have above
Expand Down

0 comments on commit 86c2fa7

Please sign in to comment.