Some content is hidden

Large Commits have some content hidden by default. Use the searcx below for content that may be hidden.

84 files changed

+1793
-20
lines changed
Original file line numberDiff line numberDiff line change
@@ -167,6 +167,14 @@ body > header {
167167
background-image: url("/images/understanding.svg");
168168
}
169169

170+
& .card-tutorials .card-body {
171+
background-image: url("/images/understanding.svg");
172+
}
173+
174+
& .card-applications .card-body {
175+
background-image: url("/images/aws.svg");
176+
}
177+
170178
& .card-title i {
171179
font-size: 85%;
172180
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
---
2+
title: Applications
3+
linkTitle: Applications
4+
description: >
5+
LocalStack Applications provide sample templates to help LocalStack users adopt real-world scenarios to rapidly and conveniently create, configure, and deploy applications locally. These sample applications help you establish your foundations in LocalStack and offer you a wide range of use cases and scenarios, all supported by LocalStack, to help you develop and test cloud applications efficiently.
6+
main_menu: false
7+
weight: 20
8+
type: applications
9+
cascade:
10+
type: docs
11+
hide_feedback: true
12+
hide_readingtime: true
13+
dev_hub: true
14+
---
Whitespace-only changes.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
---
2+
title: Developer Hub
3+
linkTitle: Overview
4+
main_menu: false
5+
weight: 1
6+
menu:
7+
main:
8+
name: "Developer Hub"
9+
weight: 10
10+
cascade:
11+
type: docs
12+
hide_feedback: true
13+
hide_readingtime: true
14+
dev_hub: true
15+
---
16+
17+
<div class="doc-overview-grid container" xmlns="http://www.w3.org/1999/html">
18+
19+
<div class="row mb-3 justify-content-center">
20+
<div class="col-auto mb-2">
21+
<img src="/images/localstack.svg" alt="LocalStack logo" width="75px">
22+
</div>
23+
<div class="col-auto">
24+
<p class="lead text-center">
25+
<b>LocalStack Developer Hub</b><br>
26+
<br/>
27+
Get started with developing and testing cloud & serverless applications locally with LocalStack. Explore our sample applications and step-by-step tutorials to unlock LocalStack's frictionless, integrated cloud developer experience.
28+
</p>
29+
</div>
30+
</div>
31+
32+
<div class="row mb-4">
33+
<div class="col-sm-12 col-md-6">
34+
<a class="card card-tutorials h-100" href="{{< ref "tutorials" >}}">
35+
<div class="card-body">
36+
<h5 class="card-title">Tutorials</h5>
37+
<p class="card-text">Learn LocalStack concepts while building simple projects. Find each tutorial walking you through fundamentals of cloud & serverless development with local AWS services to get you started with LocalStack.
38+
</p>
39+
</div>
40+
</a>
41+
</div>
42+
<div class="col-sm-12 col-md-6">
43+
<a class="card card-applications h-100" href="{{< ref "applications" >}}">
44+
<div class="card-body">
45+
<h5 class="card-title">Applications</h5>
46+
<p class="card-text">Learn to simplify cloud development while setting up local cloud infrastructure with LocalStack! Find application samples walking you through various services, integrations, and more while achieving real-world use cases!</p>
47+
</div>
48+
</a>
49+
</div>
50+
</div>
51+
52+
</div>
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
hide_readingtime: true
1414
---
1515

16-
<div class="doc-overview-grid container">
16+
<div class="doc-overview-grid container section-index">
1717

1818
<div class="row mb-3 justify-content-center">
1919
<div class="col-auto mb-2">
@@ -27,49 +27,49 @@
2727
</div>
2828

2929
<div class="row mb-4">
30-
<div class="col-sm-12 col-md-6 col-lg-4">
31-
<a class="card card-getting-started" href="{{< ref "getting-started" >}}">
30+
<div class="entry col-sm-12 col-md-6 col-lg-4">
31+
<a class="card card-getting-started h-100" href="{{< ref "getting-started" >}}">
3232
<div class="card-body">
3333
<h5 class="card-title">Get Started</h5>
3434
<p class="card-text">Install and run LocalStack on your machine, and discover the benefits of local cloud development.</p>
3535
</div>
3636
</a>
3737
</div>
38-
<div class="col-sm-12 col-md-6 col-lg-4">
39-
<a class="card card-integrations" href="{{< ref "integrations" >}}">
38+
<div class="entry col-sm-12 col-md-6 col-lg-4">
39+
<a class="card card-integrations h-100" href="{{< ref "integrations" >}}">
4040
<div class="card-body">
4141
<h5 class="card-title">Integrations</h5>
4242
<p class="card-text">Use your favorite cloud development framework with LocalStack: CDK, Terraform, Serverless, and more!</p>
4343
</div>
4444
</a>
4545
</div>
46-
<div class="col-sm-12 col-md-6 col-lg-4">
47-
<a class="card card-localstack-in-ci" href="{{< ref "user-guide/ci">}}">
46+
<div class="entry col-sm-12 col-md-6 col-lg-4">
47+
<a class="card card-localstack-in-ci h-100" href="{{< ref "user-guide/ci">}}">
4848
<div class="card-body">
4949
<h5 class="card-title">LocalStack in CI</h5>
5050
<p class="card-text">Use LocalStack in your Continuous Integration pipelines.</p>
5151
</div>
5252
</a>
5353
</div>
5454

55-
<div class="col-sm-12 col-md-6 col-lg-4">
56-
<a class="card card-local-aws-services" href="{{< ref "aws" >}}">
55+
<div class="entry col-sm-12 col-md-6 col-lg-4">
56+
<a class="card card-local-aws-services h-100" href="{{< ref "aws" >}}">
5757
<div class="card-body">
5858
<h5 class="card-title">Local AWS Services</h5>
5959
<p class="card-text">Browse through the AWS Services that LocalStack emulates.</p>
6060
</div>
6161
</a>
6262
</div>
63-
<div class="col-sm-12 col-md-6 col-lg-4">
64-
<a class="card card-localstack-tools" href="{{< ref "user-guide/tools" >}}">
63+
<div class="entry col-sm-12 col-md-6 col-lg-4">
64+
<a class="card card-localstack-tools h-100" href="{{< ref "user-guide/tools" >}}">
6565
<div class="card-body">
6666
<h5 class="card-title">LocalStack Tools</h5>
6767
<p class="card-text">Learn how to use <em>LocalStack Cloud Developer Tools</em> to boost your efficiency.</p>
6868
</div>
6969
</a>
7070
</div>
71-
<div class="col-sm-12 col-md-6 col-lg-4">
72-
<a class="card card-understanding-localstack" href="{{< ref "references" >}}">
71+
<div class="entry col-sm-12 col-md-6 col-lg-4">
72+
<a class="card card-understanding-localstack h-100" href="{{< ref "references" >}}">
7373
<div class="card-body">
7474
<h5 class="card-title">Understanding LocalStack</h5>
7575
<p class="card-text">Learn how LocalStack works and how you can tweak it for your use case.</p>
@@ -80,10 +80,10 @@ <h5 class="card-title">Understanding LocalStack</h5>
8080

8181
</div>
8282

83-
<div class="doc-overview-grid container">
83+
<div class="doc-overview-grid container section-index">
8484
<div class="row">
85-
<div class="col-sm-12 col-md-12 col-lg-7">
86-
<div class="card">
85+
<div class="entry col-sm-12 col-md-12 col-lg-7">
86+
<div class="card h-100">
8787
<div class="card-body">
8888
<h5 class="card-title"><i class="fa fa-book"></i> Featured guides and articles</h5>
8989
<p class="card-text">
@@ -101,8 +101,8 @@ <h5 class="card-title"><i class="fa fa-book"></i> Featured guides and articles</
101101
</div>
102102
</div>
103103
</div>
104-
<div class="col-sm-12 col-md-12 col-lg-5">
105-
<div class="card">
104+
<div class="entry col-sm-12 col-md-12 col-lg-5">
105+
<div class="card h-100">
106106
<div class="card-body">
107107
<h5 class="card-title"><i class="fa fa-life-ring"></i> Help</h5>
108108
<p class="card-text">
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,17 @@
11
---
22
title: "Tutorials"
33
linkTitle: "Tutorials"
4-
weight: 5
4+
weight: 10
55
description: >
6-
The goal of these tutorials is to help you create a mental model for how LocalStack works.
6+
These tutorials enhance your comprehension of LocalStack's functionality by providing detailed information on how it works for specific use cases using diverse resources. These guides help you set up and build your local cloud development & testing environment with the help of LocalStack, using local AWS services, integrations, and tools, helping create a mental model for how LocalStack works. For community contributed tutorials, check out the [LocalStack Community Tutorials](https://hashnode.localstack.cloud/).
7+
<br></br>
78
cascade:
89
type: docs
910
slug: tutorials
1011
hide_feedback: true
1112
hide_readingtime: true
13+
dev_hub: true
14+
type: tutorials
1215
---
1316

1417
<!-- this div is used as a reference point of where to apply custom style to the list of subcontent -->
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
{
2+
"applications": [
3+
{
4+
"title": "Serverless Container-based APIs with Amazon ECS & API Gateway",
5+
"description": "Deploy a Full-Stack Serverless Web application, and deploy it with Terraform & CloudFormation on LocalStack",
6+
"url": "https://.com/localstack/serverless-api-ecs-apigateway-sample",
7+
"teaser": "https://raw.usercontent.com/localstack/serverless-api-ecs-apigateway-sample/main/images/serverless-container-api.png",
8+
"services": ["ddb", "agw", "iam", "cgn", "ecs"],
9+
"deployment": ["terraform", "awscli","cloudformation"],
10+
"platform": ["javascript"],
11+
"tags": ["serverless-containers", "security", "identity", "compliance"],
12+
"pro": true
13+
},
14+
{
15+
"title": "Full-Stack application with AWS Lambda, DynamoDB & S3 for shipment validation",
16+
"description": "Configure a CRUD web application for shipment validation & listing, and deploy it with Terraform on LocalStack",
17+
"url": "https://.com/localstack/shipment-list-demo",
18+
"teaser": "https://raw.usercontent.com/localstack/shipment-list-demo/master/app_diagram.png",
19+
"services": ["s3", "ddb", "lmb", "iam"],
20+
"deployment": ["terraform"],
21+
"platform": ["java", "react"],
22+
"tags": ["spring-boot", "lambda-trigger"],
23+
"pro": false
24+
},
25+
{
26+
"title": "Step-up Authentication using Amazon Cognito",
27+
"description": "Setup a Step-up Authentication workflow for a higher level of security, deployed using Cloud Development Kit on LocalStack",
28+
"url": "https://.com/localstack/step-up-auth-sample",
29+
"teaser": "https://raw.usercontent.com/localstack/step-up-auth-sample/main/images/step-up-architecture.png",
30+
"services": ["agw", "lmb", "ddb", "cgn"],
31+
"deployment": ["cdk", "awscli"],
32+
"platform": ["typescript","javascript"],
33+
"tags": ["step-up-auth", "rule-based-authentication", "localsurf"],
34+
"pro": true
35+
},
36+
{
37+
"title": "Serverless microservices with Amazon API Gateway, DynamoDB, SQS, and Lambda",
38+
"description": "Serverless microservices for managing friend state in gaming services asynchronously deployed using Cloud Development Kit on LocalStack",
39+
"url": "https://.com/localstack/microservices-apigateway-lambda-dynamodb-sqs-sample",
40+
"teaser": "https://raw.usercontent.com/localstack/microservices-apigateway-lambda-dynamodb-sqs-sample/main/images/microservices-apigateway-lambda-dynamodb-sqs-sample-architecture.png",
41+
"services": ["lmb", "agw", "ddb", "sqs"],
42+
"deployment": ["cdk"],
43+
"platform": ["typescript"],
44+
"tags": ["serverless", "microservices"],
45+
"pro": true
46+
},
47+
{
48+
"title": "Event-driven architecture with Amazon SNS FIFO, DynamoDB, Lambda, and S3",
49+
"description": "Event-driven architecture demonstrating a recruiting agency application deployed using Serverless Application Model on LocalStack",
50+
"url": "https://.com/localstack/event-driven-architecture-with-amazon-sns-fifo",
51+
"teaser": "https://raw.usercontent.com/localstack/event-driven-architecture-with-amazon-sns-fifo/master/images/architecture.png",
52+
"services": ["sqs", "lmb", "ddb", "sns", "s3"],
53+
"deployment": ["samlocal", "sam"],
54+
"platform": ["python"],
55+
"tags": ["serverless", "event-driven-architecture"],
56+
"pro": true
57+
},
58+
{
59+
"title": "Note-Taking application using AWS SDK for JavaScript",
60+
"description": "The Note-Taking app is a serverless web app using API Gateway, Lambda, DynamoDB services. It has a React-based frontend and can be deployed on LocalStack.",
61+
"url": "https://.com/localstack/aws-sdk-js-notes-app",
62+
"teaser": "https://raw.usercontent.com/localstack/aws-sdk-js-notes-app/main/aws-sdk-js-notes.png",
63+
"services": ["agw", "lmb", "ddb"],
64+
"deployment": ["awslocal", "cdklocal"],
65+
"platform": ["typescript", "javascript"],
66+
"tags": ["serverless"],
67+
"pro": true
68+
}
69+
]
70+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
1+
<!doctype html>
2+
<html itemscope itemtype="http://schema.org/WebPage" lang="{{ .Site.Language.Lang }}" class="no-js">
3+
<head>
4+
{{ partial "head.html" . }}
5+
</head>
6+
<body class="td-{{ .Kind }}{{ with .Page.Params.body_class }} {{ . }}{{ end }}">
7+
<header>
8+
{{ partial "navbar.html" . }}
9+
</header>
10+
<div class="container-fluid td-outer">
11+
<div class="td-main">
12+
<div class="row flex-xl-nowrap">
13+
<aside class="col-12 col-md-3 col-xl-2 td-sidebar d-print-none">
14+
{{ partial "sidebar.html" . }}
15+
</aside>
16+
<aside class="d-none d-xl-block col-xl-2 td-sidebar-toc d-print-none">
17+
{{ partial "page-meta-links.html" . }}
18+
{{ partial "toc.html" . }}
19+
{{ partial "taxonomy_terms_clouds.html" . }}
20+
</aside>
21+
<main class="col-12 col-md-9 col-xl-8 pl-md-5" role="main">
22+
{{ partial "version-banner.html" . }}
23+
{{ if not .Site.Params.ui.breadcrumb_disable }}{{ partial "breadcrumb.html" . }}{{ end }}
24+
<div class="td-content">
25+
<h1>{{ .Title }}</h1>
26+
{{ with .Params.description }}<div class="lead">{{ . | markdownify }}</div>{{ end }}
27+
<header class="article-meta">
28+
{{ partial "taxonomy_terms_article_wrapper.html" . }}
29+
{{ if (and (not .Params.hide_readingtime) (.Site.Params.ui.readingtime.enable)) }}
30+
{{ partial "reading-time.html" . }}
31+
{{ end }}
32+
</header>
33+
{{ .Content }}
34+
35+
<div class="section-index">
36+
{{ $parent := .Page }}
37+
{{ $pages := (where .Site.Pages "Section" .Section).ByWeight }}
38+
{{ $pages = (where $pages "Type" "!=" "search") }}
39+
{{ $pages = (where $pages ".Params.hide_summary" "!=" true) }}
40+
{{ $pages = (where $pages ".Parent" "!=" nil) }}
41+
{{ $pages = (where $pages "Parent.File.UniqueID" "==" $parent.File.UniqueID) }}
42+
{{ if or $parent.Params.no_list (eq (len $pages) 0) }}
43+
{{/* If no_list is true or we don't have subpages we don't show a list of subpages */}}
44+
{{ else }}
45+
{{/* Otherwise we show a nice formatted list of subpages with page descriptions */}}
46+
<hr class="panel-line">
47+
48+
<div class="row">
49+
<div class="col-sm-12">
50+
<div class="row">
51+
{{ range $.Site.Data.developerhub.applications.applications }}
52+
<div class="entry col-xs-12 col-sm-6 col-md-4 ">
53+
<div class="card h-100">
54+
<div>
55+
<img src="{{.teaser}}" >
56+
</div>
57+
<div class="card-body">
58+
<h5 class="card-title d-flex align-items-center">
59+
<a class="stretched-link mr-2" href="{{ .url }}">
60+
{{ with .title }}{{ . }}{{end}}
61+
</a>
62+
</h5>
63+
<div>
64+
{{ range .services }}
65+
<img src="/images/services/{{ . }}.svg" style="border-radius: 4px; max-width: 30px;margin-right: 5px">
66+
{{ end }}
67+
{{ with .pro }}
68+
<img src="/images/pro-badge.png" style="border-radius: 4px; max-width: 30px;margin-right: 5px">
69+
{{ end }}
70+
</div>
71+
<div>
72+
{{ range .tags }}
73+
<span class="badge badge-primary" style="font-weight: normal;">{{ . }}</span>
74+
{{ end }}
75+
</div>
76+
<br>
77+
78+
<p class="card-text" style="font-weight: normal;">{{.description}}</p>
79+
</div>
80+
</div>
81+
</div>
82+
{{ end }}
83+
84+
</div>
85+
</div>
86+
</div>
87+
88+
{{ end }}
89+
</div>
90+
91+
{{ if (and (not .Params.hide_feedback) (.Site.Params.ui.feedback.enable) (.Site.GoogleAnalytics)) }}
92+
{{ partial "feedback.html" .Site.Params.ui.feedback }}
93+
<br />
94+
{{ end }}
95+
{{ if (.Site.DisqusShortname) }}
96+
<br />
97+
{{ partial "disqus-comment.html" . }}
98+
{{ end }}
99+
{{ partial "page-meta-lastmod.html" . }}
100+
</div>
101+
</main>
102+
</div>
103+
</div>
104+
{{ partial "footer.html" . }}
105+
</div>
106+
{{ partial "scripts.html" . }}
107+
</body>
108+
<style>
109+
.social-share > .reading-time {
110+
display: flex;
111+
align-items: center;
112+
margin: 0;
113+
}
114+
</style>
115+
</html>

0 commit comments

Comments
 (0)