|
| 1 | +import React from "react"; |
| 2 | +import Link from "@docusaurus/Link"; |
| 3 | +import useBaseUrl from "@docusaurus/useBaseUrl"; |
| 4 | + |
| 5 | +export const QuickStart = () => { |
| 6 | + return ( |
| 7 | + <section className="mt-1"> |
| 8 | + <h1 className="mb-4 text-4xl font-semibold tracking-wide md:text-4xl"> |
| 9 | + Welcome to Keploy Documentation! 🚀 |
| 10 | + </h1> |
| 11 | + <p className="text-l max-w-3xl"> |
| 12 | + This documentation will help you get the most out of Keploy—whether |
| 13 | + you’re building your first project or leveling up your testing workflow. |
| 14 | + </p> |
| 15 | + |
| 16 | + <h2 className="mb-4 mt-8 text-2xl font-semibold tracking-wide md:text-3xl"> |
| 17 | + What is Keploy? 🤔 |
| 18 | + </h2> |
| 19 | + <p className="text-l max-w-4xl"> |
| 20 | + Keploy is your open-source, developer-centric backend testing tool. It |
| 21 | + makes backend testing easy and productive for engineering teams. Plus, |
| 22 | + it's easy-to-use, powerful and extensible..🛠️ Keploy also has AI-powered |
| 23 | + tools that help you generate unit and api tests quickly, helping |
| 24 | + developers focus on writing code rather than writing tests. |
| 25 | + </p> |
| 26 | + |
| 27 | + <p className="text-l mt-4 max-w-4xl"> |
| 28 | + Keploy creates test cases and data mocks/stubs from user-traffic by |
| 29 | + recording API calls and DB queries, significantly speeding up releases |
| 30 | + and enhancing reliability. 📈 |
| 31 | + </p> |
| 32 | + |
| 33 | + {/*<h2 className="mt-8 text-2xl font-semibold tracking-wide md:text-3xl">*/} |
| 34 | + {/* Contribute through Hacktoberfest ✅*/} |
| 35 | + {/*</h2>*/} |
| 36 | + {/*<p className="text-l mb-8 mt-4 max-w-4xl">*/} |
| 37 | + {/* DigitalOcean's Hacktoberfest is a month-long celebration of open-source*/} |
| 38 | + {/* contributions. Everyone is welcome to participate, regardless of their*/} |
| 39 | + {/* experience level. Simply make a pull request to an open-source project*/} |
| 40 | + {/* to get started.*/} |
| 41 | + {/* <br /> <br />*/} |
| 42 | + {/* You can contribute to{" "}*/} |
| 43 | + {/* <a href="https://github.com/orgs/keploy/repositories">*/} |
| 44 | + {/* several Keploy projects*/} |
| 45 | + {/* </a>{" "}*/} |
| 46 | + {/* participating this year, If you’ve ever wanted to contribute to open*/} |
| 47 | + {/* source , now is your chance!*/} |
| 48 | + {/* <br /> <br />*/} |
| 49 | + {/* Anyone around the globe who desires to help drive the growth of open*/} |
| 50 | + {/* source and make positive contributions to an ever-growing community. All*/} |
| 51 | + {/* backgrounds and skill levels are encouraged to participate.{" "}*/} |
| 52 | + {/* <a href="https://opensource.guide/how-to-contribute">*/} |
| 53 | + {/* Learn How to Contribute?*/} |
| 54 | + {/* </a>*/} |
| 55 | + {/*</p>*/} |
| 56 | + |
| 57 | + <h2 className="mt-8 text-2xl font-semibold tracking-wide md:text-3xl"> |
| 58 | + Installation Guide 📗 |
| 59 | + </h2> |
| 60 | + <p className="text-l mb-8 mt-4 max-w-4xl"> |
| 61 | + Let's get Keploy up and running on your Windows, Linux, or macOS |
| 62 | + machine, so you can start crafting test cases in minutes. ⏱️ |
| 63 | + </p> |
| 64 | + |
| 65 | + <div className="grid grid-cols-1 gap-6 md:grid-cols-3 lg:gap-8"> |
| 66 | + <Link |
| 67 | + className="scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg" |
| 68 | + to={useBaseUrl("/installation/installation")} |
| 69 | + > |
| 70 | + <img |
| 71 | + className="h-16 w-16" |
| 72 | + src="/docs/img/os/windows-logo.svg" |
| 73 | + alt="" |
| 74 | + /> |
| 75 | + <p className="text-lg font-semibold">Windows</p> |
| 76 | + </Link> |
| 77 | + <Link |
| 78 | + className="scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg" |
| 79 | + to={useBaseUrl("/")} |
| 80 | + > |
| 81 | + <img |
| 82 | + className="h-16 w-16" |
| 83 | + src="/docs/img/os/linux-logo.svg" |
| 84 | + alt="Linux logo" |
| 85 | + /> |
| 86 | + <p className="text-lg font-semibold">Linux</p> |
| 87 | + </Link> |
| 88 | + <Link |
| 89 | + className="scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg" |
| 90 | + to={useBaseUrl("/installation/macos-installation/")} |
| 91 | + > |
| 92 | + <img |
| 93 | + className="h-16 w-16" |
| 94 | + src="/docs/img/os/apple-logo.svg" |
| 95 | + alt="Mac logo" |
| 96 | + /> |
| 97 | + <p className="text-lg font-semibold">MacOS</p> |
| 98 | + </Link> |
| 99 | + </div> |
| 100 | + </section> |
| 101 | + ); |
| 102 | +}; |
0 commit comments