Skip to content

Commit

Permalink
Add GPU docs (#126)
Browse files Browse the repository at this point in the history 
* Update steps in server guides

* Update steps in marketplace guides

* Update advance configuration link in marketplace guides

* Add vscode docs

* Add GPU docs

* Add accelerate plans

* Add new GPUs to plans

* Update plans

* Add average hourly cost

* Add hourly cost for CPU and make it primary

* Remove v100 from gpu list
  • Loading branch information
@aayushmahapatra
aayushmahapatra authored Nov 11, 2023
1 parent 0a3ae46 commit d3f9f4d
Show file tree
Hide file tree
Showing 12 changed files with 319 additions and 36 deletions.
3 changes: 3 additions & 0 deletions assets/nvidia.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
38 changes: 28 additions & 10 deletions components/plans-card.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,23 +1,41 @@
import { FC } from "react";
import Image from "next/image";
import { IPlans } from "./plans";
import NvidiaIcon from "../assets/nvidia.svg";
import styles from "../styles/plans.module.css";

export interface IPlansCard {
title: string;
amount: string;
dailyAmount: string;
specs: number[];
export interface IPlansCard extends IPlans {
isGPU: boolean;
}

const PlansCard: FC<IPlansCard> = ({ title, amount, dailyAmount, specs }) => {
const PlansCard: FC<IPlansCard> = ({
title,
amount,
dailyAmount,
hourlyAmount,
specs,
isGPU,
}) => {
return (
<section className={styles.card}>
<div>
<h3 className={styles.heading}>{title}</h3>
<div className={styles.gpu}>
{isGPU && (
<Image
src={NvidiaIcon}
alt="nvidia"
width={28}
height={28}
className={styles.logo}
/>
)}
<h3 className={styles.heading}>{title}</h3>
</div>
<p className={styles.amount}>
<span className={styles.amountValue}>${amount}</span>{" "}
<span className={styles.paragraph}>Avg monthly</span>
<span className={styles.amountValue}>${hourlyAmount}</span>{" "}
<span className={styles.paragraph}>Avg hourly</span>
</p>
<p className={styles.dailyAmount}>${dailyAmount} avg daily cost</p>
<p className={styles.dailyAmount}>${amount} avg monthly cost</p>
<ul>
<li>
{"\u2022"} {specs[0]}Gi RAM
Expand Down
102 changes: 90 additions & 12 deletions components/plans.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,148 +1,226 @@
import PlansCard, { IPlansCard } from "./plans-card";
import PlansCard from "./plans-card";
import styles from "../styles/quick.module.css";

const PLANS_LIST = [
export interface IPlans {
title: string;
amount: string;
dailyAmount: string;
hourlyAmount: string;
specs: number[];
}

const CPU_PLANS_LIST = [
{
title: "Ventus Nano",
amount: "1.16",
dailyAmount: "0.04",
hourlyAmount: "0.0016",
specs: [0.5, 1],
},
{
title: "Ventus Micro",
amount: "1.54",
dailyAmount: "0.05",
hourlyAmount: "0.0020",
specs: [1, 1],
},
{
title: "Ventus Small",
amount: "2.29",
dailyAmount: "0.08",
hourlyAmount: "0.0033",
specs: [2, 1],
},
{
title: "Ventus Medium",
amount: "4.58",
dailyAmount: "0.15",
hourlyAmount: "0.0062",
specs: [4, 2],
},
{
title: "Ventus 2x Medium",
amount: "4.58",
dailyAmount: "0.15",
hourlyAmount: "0.0062",
specs: [4, 2],
},
{
title: "Ventus Large",
amount: "7.60",
dailyAmount: "0.25",
hourlyAmount: "0.0104",
specs: [8, 2],
},
{
title: "Ventus 2x Large",
amount: "9.16",
dailyAmount: "0.31",
hourlyAmount: "0.0129",
specs: [8, 4],
},
{
title: "Ventus X-Large",
amount: "15.19",
dailyAmount: "0.51",
hourlyAmount: "0.0212",
specs: [16, 4],
},
{
title: "Glacies Nano",
amount: "1.94",
dailyAmount: "0.06",
hourlyAmount: "0.0025",
specs: [0.5, 2],
},
{
title: "Glacies Micro",
amount: "2.32",
dailyAmount: "0.08",
hourlyAmount: "0.0033",
specs: [1, 2],
},
{
title: "Glacies Small",
amount: "3.07",
dailyAmount: "0.10",
hourlyAmount: "0.0041",
specs: [2, 2],
},
{
title: "Terra Nano",
amount: "2.32",
dailyAmount: "0.08",
hourlyAmount: "0.0033",
specs: [1, 2],
},
{
title: "Terra Small",
amount: "6.15",
dailyAmount: "0.20",
hourlyAmount: "0.0083",
specs: [4, 4],
},
{
title: "Terra Small 1Ti",
amount: "6.15",
dailyAmount: "0.20",
hourlyAmount: "0.0083",
specs: [4, 4],
},
{
title: "Terra Medium",
amount: "9.16",
dailyAmount: "0.31",
hourlyAmount: "0.0129",
specs: [8, 4],
},
{
title: "Terra Large",
amount: "18.33",
dailyAmount: "0.61",
hourlyAmount: "0.0254",
specs: [16, 8],
},
{
title: "Terra Large 1Ti",
amount: "18.33",
dailyAmount: "0.61",
hourlyAmount: "0.0254",
specs: [16, 8],
},
{
title: "Terra 2x Large",
amount: "30.39",
dailyAmount: "1.01",
hourlyAmount: "0.0420",
specs: [32, 8],
},
{
title: "Terra 3x Large",
amount: "31.95",
dailyAmount: "1.07",
hourlyAmount: "0.0445",
specs: [32, 10],
},
{
title: "Ignis Large",
amount: "30.39",
dailyAmount: "1.01",
hourlyAmount: "0.0420",
specs: [32, 8],
},
{
title: "Ignis 2x Large",
amount: "60.77",
dailyAmount: "2.03",
hourlyAmount: "0.0845",
specs: [64, 16],
},
];

const Plans = () => {
const GPU_PLANS_LIST = [
{
title: "Nvidia 3080",
amount: "305.53",
dailyAmount: "10.18",
hourlyAmount: "0.42",
specs: [16, 8],
},
{
title: "Nvidia 3090",
amount: "374.61",
dailyAmount: "12.49",
hourlyAmount: "0.52",
specs: [16, 8],
},
{
title: "Nvidia 1660",
amount: "274.13",
dailyAmount: "9.14",
hourlyAmount: "0.38",
specs: [16, 8],
},
{
title: "Nvidia Tesla T4",
amount: "336.93",
dailyAmount: "11.23",
hourlyAmount: "0.46",
specs: [16, 8],
},
{
title: "Nvidia A4000",
amount: "349.49",
dailyAmount: "11.65",
hourlyAmount: "0.48",
specs: [16, 8],
},
{
title: "Nvidia A100",
amount: "548.25",
dailyAmount: "18.28",
hourlyAmount: "0.76",
specs: [32, 16],
},
];

const Plans = ({ isGPU }) => {
return (
<main>
<section className={styles.section}>
{PLANS_LIST.map((item: IPlansCard, index) => (
<PlansCard
key={index}
title={item.title}
amount={item.amount}
dailyAmount={item.dailyAmount}
specs={item.specs}
/>
))}
{(isGPU ? GPU_PLANS_LIST : CPU_PLANS_LIST).map(
(item: IPlans, index) => (
<PlansCard
key={index}
title={item.title}
amount={item.amount}
dailyAmount={item.dailyAmount}
hourlyAmount={item.hourlyAmount}
specs={item.specs}
isGPU={isGPU}
/>
)
)}
</section>
</main>
);
Expand Down
2 changes: 1 addition & 1 deletion components/quick-start.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ const QUICK_START_LIST = [
body: "Deploy static sites from your Git provider.",
},
{
path: "/compute/cluster",
path: "/compute/cluster/compute",
emoji: "✈️",
title: "Compute",
body: "Deploy compute instances with one click.",
Expand Down
5 changes: 4 additions & 1 deletion pages.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,8 @@ export const Pages = [
["Compression & Encryption", "/static/edge/compression"],
["Regions & Routing", "/static/edge/regions"],
["Static Site Usage", "/static/usage"],
["Cluster", "/compute/cluster"],
["Compute", "/compute/cluster/compute"],
["Accelerate", "/compute/cluster/accelerate"],
["Logs & Activity", "/compute/instance/logs"],
["Instance Domains", "/compute/instance/domain"],
["Instance Settings", "/compute/instance/settings"],
Expand All @@ -46,6 +47,8 @@ export const Pages = [
["Spot", "/compute/type/spot"],
["On Demand", "/compute/type/on-demand"],
["Autoscale", "/compute/type/autoscale"],
["Compute Plans", "/compute/plans/compute-plans"],
["Accelerate Plans", "/compute/plans/accelerate-plans"],
["Upload", "/storage/upload"],
["Buckets", "/storage/buckets"],
["IPNS", "/storage/buckets/ipns"],
Expand Down
4 changes: 4 additions & 0 deletions pages/compute/cluster/_meta.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"compute": "Compute",
"accelerate": "Accelerate"
}
Loading

0 comments on commit d3f9f4d

Please sign in to comment.