+
tag)}
+ >
{props.logo && (
-
+
},_ANDesc=img,,_ANDesc=img,)
)}
-
{props.icon && (
- },_ANDesc=img,)
+ 
)}
-
diff --git a/src/components/card/card.module.scss b/src/components/card/card.module.scss
index f8b9242e..ff417bd2 100644
--- a/src/components/card/card.module.scss
+++ b/src/components/card/card.module.scss
@@ -1,4 +1,4 @@
-@import "../bits";
+@import "../../styles/bits";
.root {
border-radius: 5px;
@@ -12,6 +12,9 @@
.service-card {
padding-bottom: 20px;
}
+ .hidden {
+ display: none;
+ }
}
.logoHeader {
@@ -58,8 +61,9 @@
&::after {
top: 12px;
right: 12px;
- mask: url(/img/arrow-up-right.svg);
- mask-size: cover;
+ -webkit-mask: url(/images/arrow-up-right.svg);
+ mask: url(/images/arrow-up-right.svg);
+ mask-size: 100px;
background: black;
width: 12px;
height: 12px;
@@ -67,7 +71,6 @@
&:hover,
&:focus,
[data-focus] {
- outline: 2px solid blue;
&::before {
background: linear-gradient(to bottom left, #9253be, #f0954d);
}
@@ -78,33 +81,6 @@
}
}
-.cmsLink {
- position: absolute;
- bottom: 0;
- right: 0;
- border-top-left-radius: 5px;
- background: #ece9f7;
- text-decoration: none;
- font-size: 0.9rem;
- padding: 0.33rem 1rem;
- &::after {
- content: "";
- display: inline-block;
- width: 1rem;
- height: 1rem;
- background: #4caa9f;
- mask: url(/img/netlify-cms.png);
- mask-size: cover;
- position: relative;
- top: 2px;
- margin-left: 0.25rem;
- }
- &:hover {
- background: #1a0e41;
- color: white;
- }
-}
-
.cardContent {
padding: 1.5rem;
color: #47356f;
@@ -156,7 +132,7 @@
padding: 0;
color: #6a5a8a;
text-transform: capitalize;
- &:not(:nth-child(2)) {
+ &:not(:nth-child(1)) {
&::before {
content: "·";
margin: 0 0.33rem;
diff --git a/src/components/footer/footer.js b/src/components/footer/footer.js
deleted file mode 100644
index a651466f..00000000
--- a/src/components/footer/footer.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from "react";
-import { Link } from "gatsby";
-
-import styles from "./footer.module.scss";
-
-const Footer = props => (
-
-);
-
-export default Footer;
diff --git a/src/components/footer/footer.jsx b/src/components/footer/footer.jsx
new file mode 100644
index 00000000..dbf298b9
--- /dev/null
+++ b/src/components/footer/footer.jsx
@@ -0,0 +1,29 @@
+import styles from "./footer.module.scss";
+
+const Footer = (props) => (
+
+);
+
+export default Footer;
diff --git a/src/components/footer/footer.module.scss b/src/components/footer/footer.module.scss
index 88dbdd8e..795051a6 100644
--- a/src/components/footer/footer.module.scss
+++ b/src/components/footer/footer.module.scss
@@ -1,4 +1,4 @@
-@import "../bits";
+@import "../../styles/bits";
.homeFooter {
margin: 5rem 0 0 0;
@@ -50,17 +50,17 @@
vertical-align: middle;
}
}
-.gatsby {
+.astro {
display: inline-block;
- background-image: url(/images/gatsby.svg);
+ background-image: url(/logos/astro.svg);
width: 30px;
- height: 30px;
+ height: 40px;
text-indent: -9999px;
background-size: cover;
}
.netlify {
display: inline-block;
- background-image: url(/images/netlify.png);
+ background-image: url(/logos/netlify.png);
width: 30px;
height: 30px;
text-indent: -9999px;
diff --git a/src/components/layout.js b/src/components/layout.js
deleted file mode 100644
index d86a3a73..00000000
--- a/src/components/layout.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import { StaticQuery, graphql } from "gatsby";
-
-import Nav from "./nav/nav";
-import "./global.scss";
-import styles from "./layout.module.scss";
-
-const Layout = ({ location, children }) => {
- return (
- (
-
+
)}
-
- {props.url && {props.title}} - {!props.url && <>{props.title}} + {props.link && {props.title}} + {!props.link && <>{props.title}}
{props.author && (@@ -41,31 +35,34 @@ const Card = props => { {props.tags && (
- },_ANDesc=img,)
+ 
Topics
- {props.tags.map(tag => (
-
- ))}
+
)}
{props.topics && (
+
Topics
- {props.tags.map(tag => (
-
- ))}
+
+ {props.tags.map((tag) => (
+
+ ))}
+
- },_ANDesc=img,)
+ 
Focus Areas
- {props.topics.map(topic => (
-
- {topic}
-
- ))}
+
)}
+
Focus Areas
- {props.topics.map(topic => (
-
- {topic}
-
- ))}
+
+ {props.topics.map((topic) => (
+
+ {topic}
+
+ ))}
+
- {children}
-
-
- )}
- />
- );
-};
-
-Layout.propTypes = {
- children: PropTypes.node.isRequired
-};
-
-export default Layout;
diff --git a/src/components/layout.module.scss b/src/components/layout.module.scss
deleted file mode 100644
index ac491347..00000000
--- a/src/components/layout.module.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-@import "bits";
-
-.root {
- display: grid;
- grid-template-columns: 3fr 1fr;
- > nav {
- grid-column: 2;
- }
- @include breakpoint(nav-break) {
- grid-template-columns: 1fr;
- padding-top: 40px;
- > nav {
- grid-column: 1;
- grid-row: -1;
- :global(body.homepage) & {
- margin-top: 0;
- grid-row: 2;
- }
- }
- }
-}
diff --git a/src/components/nav/nav.js b/src/components/nav/nav.js
deleted file mode 100644
index e11da290..00000000
--- a/src/components/nav/nav.js
+++ /dev/null
@@ -1,87 +0,0 @@
-import React from "react";
-import { Link } from "gatsby";
-
-import styles from "./nav.module.scss";
-
-const Nav = location => {
- const loc = location.location;
-
- let subpage = "nothing";
- if (loc.pathname.includes("/services/")) subpage = "services";
- if (loc.pathname.includes("/resources/")) subpage = "resources";
- if (loc.pathname.includes("/ideas/")) subpage = "ideas";
-
- return (
-
- );
-};
-
-export default Nav;
diff --git a/src/components/nav/nav.jsx b/src/components/nav/nav.jsx
new file mode 100644
index 00000000..a7d23509
--- /dev/null
+++ b/src/components/nav/nav.jsx
@@ -0,0 +1,71 @@
+import styles from "./nav.module.scss";
+
+const Nav = () => {
+ return (
+
+ );
+};
+
+export default Nav;
diff --git a/src/components/nav/nav.module.scss b/src/components/nav/nav.module.scss
index c59765ee..04b880b3 100644
--- a/src/components/nav/nav.module.scss
+++ b/src/components/nav/nav.module.scss
@@ -1,16 +1,22 @@
-@import "../bits";
+// @import "../_bits.scss";
.root {
--animationTiming: 0.5s;
--mainNavCollapsedHeight: 50px;
+ align-self: start;
+
> ul {
list-style: none;
margin: 0;
padding: 0;
position: relative;
+ height: 100vh;
+ display: flex;
+ flex-direction: column;
> li {
- background-image: url(/img/texture2.png);
+ flex: 1 0 auto;
+ background-image: url(/images/texture2.png);
background-size: cover;
background-color: #37236b;
background-blend-mode: screen;
@@ -20,7 +26,7 @@
&[data-services] {
background-image: url("https://res.cloudinary.com/css-tricks/image/upload/c_scale,f_auto,q_auto,w_800/v1558127391/satellite_wezm7k.png"),
url("https://res.cloudinary.com/css-tricks/image/upload/f_auto,q_auto/v1558446566/moon2_qkahpp.png"),
- url(/img/texture2.png),
+ url(/images/texture2.png),
linear-gradient(
135.29deg,
#e9910d -21.42%,
@@ -30,6 +36,8 @@
top 100% left 0;
background-repeat: no-repeat;
background-size: 140px, 120px, cover, 100% 200%;
+ a {
+ }
&:hover {
background-position: top -3% right -12%, bottom 4% left -8%,
center center, top 0 left 0;
@@ -38,7 +46,7 @@
&[data-resources] {
background-image: url("https://res.cloudinary.com/css-tricks/image/upload/f_auto,q_auto/v1558447058/angle-rocket_q7ogzm.png"),
url("https://res.cloudinary.com/css-tricks/image/upload/f_auto,q_auto/v1558447057/cloud-small_szm500.png"),
- url(/img/texture2.png),
+ url(/images/texture2.png),
linear-gradient(
135.29deg,
#e9910d -21.42%,
@@ -59,7 +67,7 @@
url("https://res.cloudinary.com/css-tricks/image/upload/f_auto,q_auto/v1558447509/star2_xw2ndh.png"),
url("https://res.cloudinary.com/css-tricks/image/upload/f_auto,q_auto/v1558447509/star1_jivq8a.png"),
url("https://res.cloudinary.com/css-tricks/image/upload/f_auto,q_auto/v1558447509/star2_xw2ndh.png"),
- url(/img/texture2.png),
+ url(/images/texture2.png),
linear-gradient(
135.29deg,
#e9910d -21.42%,
@@ -88,6 +96,7 @@
text-shadow: 0 0 2px black;
}
[data-subnav] {
+ padding-bottom: 1rem;
a {
font-size: 1.1rem;
display: block;
@@ -113,7 +122,7 @@
top: -10px;
width: 100%;
height: 20px;
- background: url(/img/horizontal-dividers.svg);
+ background: url(/images/horizontal-dividers.svg);
background-position: to dp left;
background-repeat: no-repeat;
background-size: 100% 20px;
@@ -125,20 +134,7 @@
}
}
- @include breakpoint(nav-break) {
- display: none;
-
- :global(body.menu-open) & {
- display: block;
- margin-top: 10px;
- }
-
- :global(body.homepage) & {
- & ul::after {
- top: -10px;
- }
- }
-
+ @media (max-width: 770px) {
> ul {
display: grid;
grid-template-columns: 50% 50%;
@@ -149,7 +145,6 @@
display: none;
}
&[data-services] {
- padding-bottom: 1rem;
&::after {
content: "";
position: absolute;
@@ -158,54 +153,45 @@
right: -10px;
width: 20px;
height: 100%;
- background: url(/img/vertical-dividers.svg);
+ background: url(/images/vertical-dividers.svg);
background-position: top left;
background-repeat: no-repeat;
background-size: 100%;
z-index: 1000;
}
}
- a {
- padding-top: 4rem;
- padding-bottom: 4rem;
- }
}
> li[data-services] {
grid-row: 1 / span 2;
- [data-subnav] {
- display: none;
- }
- }
- }
- &[data-active="services"] {
- > ul {
- > li[data-services] {
- [data-subnav] {
- display: block;
- }
- }
}
}
}
- @include breakpoint(reverso-nav-break) {
- position: sticky;
- top: 0;
- align-self: start;
+ @media (min-width: 770px) {
+ position: relative;
+ overflow: auto;
+
+ &::-webkit-scrollbar {
+ width: 0px;
+ }
+
> ul {
- min-height: 100vh;
> li {
- height: calc(12vh);
transition: background-position 0.15s, background-size 0.15s,
opacity 0.5s, height 0.3s;
> a {
width: 100%;
- height: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: var(--animationTiming);
}
+ &[data-resources],
+ &[data-ideas] {
+ > a {
+ height: 100%;
+ }
+ }
}
&:hover {
> li {
@@ -226,42 +212,17 @@
left: -10px;
width: 20px;
height: 100%;
- background: url(/img/vertical-dividers.svg);
+ background: url(/images/vertical-dividers.svg);
background-position: top left;
background-repeat: no-repeat;
background-size: 20px 100%;
z-index: 1000;
}
+ }
- &[data-active="nothing"] > ul > li {
- height: calc(33.33vh);
- }
- &[data-active="services"] {
- > ul > li[data-services] {
- height: 76vh;
- > a {
- height: 20%;
- }
- }
- > ul > li {
- height: 12vh;
- }
- }
- &[data-active="resources"] {
- > ul > li[data-resources] {
- height: 40vh;
- }
- > ul > li {
- height: 30vh;
- }
- }
- &[data-active="ideas"] {
- > ul > li[data-ideas] {
- height: 40vh;
- }
- > ul > li {
- height: 30vh;
- }
- }
+ @media (min-width: 770px) {
+ position: fixed;
+ right: 10px;
+ width: 300px;
}
}
diff --git a/src/components/pageHeader/pageHeader.js b/src/components/pageHeader/pageHeader.jsx
similarity index 60%
rename from src/components/pageHeader/pageHeader.js
rename to src/components/pageHeader/pageHeader.jsx
index d7cf50c3..2502a3f5 100644
--- a/src/components/pageHeader/pageHeader.js
+++ b/src/components/pageHeader/pageHeader.jsx
@@ -1,34 +1,29 @@
-import React from "react";
-import { Link, withPrefix } from "gatsby";
-
import styles from "./pageHeader.module.scss";
-const PageHeader = props => {
+const PageHeader = (props) => {
return (
},_ANDesc=img,,_ANDesc=img,){kind=logo}
-
+ 
+
diff --git a/src/components/pageHeader/pageHeader.module.scss b/src/components/pageHeader/pageHeader.module.scss
index 56ca26e8..d08afb0a 100644
--- a/src/components/pageHeader/pageHeader.module.scss
+++ b/src/components/pageHeader/pageHeader.module.scss
@@ -1,4 +1,4 @@
-@import "../bits";
+@import "../../styles/bits";
.root {
padding: 2rem 2rem 0 2rem;
@@ -19,17 +19,17 @@
}
&[data-title="Services"] {
h1 {
- background-image: url(/img/services-title.svg);
+ background-image: url(/images/services-title.svg);
}
}
&[data-title="Resources"] {
h1 {
- background-image: url(/img/resources-title.svg);
+ background-image: url(/images/resources-title.svg);
}
}
&[data-title="Ideas"] {
h1 {
- background-image: url(/img/ideas-title.svg);
+ background-image: url(/images/ideas-title.svg);
}
}
@include breakpoint(baby-bear) {
@@ -58,7 +58,7 @@
padding: 0.5rem;
z-index: 1500;
background-color: #39256c;
- background-image: url(/img/texture.png);
+ background-image: url(/images/texture.png);
display: flex;
align-items: center;
&::after {
@@ -68,7 +68,7 @@
bottom: -10px;
width: 100%;
height: 20px;
- background: url(/img/horizontal-dividers.svg);
+ background: url(/images/horizontal-dividers.svg);
background-position: top left;
background-repeat: no-repeat;
background-size: 100% 20px;
diff --git a/src/components/seo.js b/src/components/seo.js
deleted file mode 100644
index 17a4fb96..00000000
--- a/src/components/seo.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import Helmet from "react-helmet";
-import { StaticQuery, graphql } from "gatsby";
-
-import favicon from "../favicon.ico";
-
-function SEO({ description, lang, meta, keywords, title }) {
- return (
- {
- const metaDescription =
- description || data.site.siteMetadata.description;
- return (
- 0
- ? {
- name: `keywords`,
- content: keywords.join(`, `)
- }
- : []
- )
- .concat(meta)}
- />
- );
- }}
- />
- );
-}
-
-SEO.defaultProps = {
- lang: `en`,
- meta: [],
- keywords: []
-};
-
-SEO.propTypes = {
- description: PropTypes.string,
- lang: PropTypes.string,
- meta: PropTypes.array,
- keywords: PropTypes.arrayOf(PropTypes.string),
- title: PropTypes.string.isRequired
-};
-
-export default SEO;
-
-const detailsQuery = graphql`
- query DefaultSEOQuery {
- site {
- siteMetadata {
- title
- description
- author
- }
- }
- }
-`;
diff --git a/src/components/service/service.js b/src/components/service/service.js
deleted file mode 100644
index 37c3d02f..00000000
--- a/src/components/service/service.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from "react";
-
-import styles from "./service.module.scss";
-
-import SEO from "../seo";
-import Card from "../card/card";
-import PageHeader from "../pageHeader/pageHeader";
-import Footer from "../footer/footer";
-
-export default props => {
- const { pageTitle, pageHeader, pageSubHeader, intro, services } = props;
- return (
- <>
-
-
-
+
+
+
+
+
+
diff --git a/src/content/auth/amplify.md b/src/content/auth/amplify.md
index 3d77a002..d946e52e 100644
--- a/src/content/auth/amplify.md
+++ b/src/content/auth/amplify.md
@@ -1,8 +1,8 @@
---
path: "services/auth/amplify"
title: "Amplify Framework"
-url: "https://aws-amplify.github.io/docs/js/authentication"
-logo: "/images/amplify.jpg"
+link: "https://aws-amplify.github.io/docs/js/authentication"
+logo: "amplify.jpg"
---
Managed authentication service, client framework, and building blocks for developers who want to create user authentication experiences.
diff --git a/src/content/auth/auth0.md b/src/content/auth/auth0.md
index bcced0af..44ee2627 100644
--- a/src/content/auth/auth0.md
+++ b/src/content/auth/auth0.md
@@ -1,8 +1,8 @@
---
path: "services/auth/auth0"
title: "Auth0"
-url: "https://auth0.com/"
-logo: "/images/auth0.png"
+link: "https://auth0.com/"
+logo: "auth0.png"
---
Handles your own site\'s auth system or integrates with loads of other services.'
diff --git a/src/content/auth/firebase.md b/src/content/auth/firebase-auth.md
similarity index 53%
rename from src/content/auth/firebase.md
rename to src/content/auth/firebase-auth.md
index 08f0965e..634374fa 100644
--- a/src/content/auth/firebase.md
+++ b/src/content/auth/firebase-auth.md
@@ -1,8 +1,8 @@
---
path: "services/auth/firebase"
-title: "Google Firebase"
-url: "https://firebase.google.com/"
-logo: "/images/firebase.png"
+title: "Firebase Authentication"
+link: "https://firebase.google.com/products/auth"
+logo: "firebase.png"
---
Handles auth entirely client-side with no cloud functions or anything required.
diff --git a/src/content/auth/netlify.md b/src/content/auth/netlify.md
index ee06bb6b..ce93984a 100644
--- a/src/content/auth/netlify.md
+++ b/src/content/auth/netlify.md
@@ -1,8 +1,8 @@
---
path: "services/auth/netlify"
title: "Netlify Identity"
-url: "https://www.netlify.com/docs/identity/"
-logo: "/images/netlify.png"
+link: "https://www.netlify.com/docs/identity/"
+logo: "netlify.png"
---
Netlify Identity service brings a full suite of authentication functionality, backed by the
diff --git a/src/content/auth/okta.md b/src/content/auth/okta.md
index 93f3730c..56b58b6d 100644
--- a/src/content/auth/okta.md
+++ b/src/content/auth/okta.md
@@ -1,8 +1,8 @@
---
path: "services/auth/okta"
title: "Okta"
-url: "https://developer.okta.com/"
-logo: "/images/okta.png"
+link: "https://developer.okta.com/"
+logo: "okta.png"
---
SDKs to handle all auth and user management.
diff --git a/src/content/auth/supabase-auth.md b/src/content/auth/supabase-auth.md
new file mode 100644
index 00000000..34618a1c
--- /dev/null
+++ b/src/content/auth/supabase-auth.md
@@ -0,0 +1,12 @@
+---
+path: "services/auth/supabase"
+title: "Supabase Authentication"
+link: "https://supabase.com/auth"
+logo: "supabase.svg"
+---
+
+Open Source Auth – with tons of integrations.
+
+Every Supabase project comes with a complete User Management system that works without any additional tools.
+
+Including PostgreSQL's policy engine, for fine-grained access rules.
\ No newline at end of file
diff --git a/src/content/auth/userfront.md b/src/content/auth/userfront.md
new file mode 100644
index 00000000..0e45ca30
--- /dev/null
+++ b/src/content/auth/userfront.md
@@ -0,0 +1,8 @@
+---
+path: services/auth/userfront
+title: Userfront
+link: https://userfront.com
+logo: userfront.png
+---
+
+Focused on simplicity, Userfront provides authentication, SSO, access control, and multi-tenancy.
diff --git a/src/content/cicd/begin.md b/src/content/cicd/begin.md
new file mode 100644
index 00000000..fc4ae1c9
--- /dev/null
+++ b/src/content/cicd/begin.md
@@ -0,0 +1,9 @@
+---
+path: "services/major/begin"
+title: "Begin"
+link: "https://begin.com/"
+logo: "begin-logo.png"
+tags: ["Cloud Functions", "Hosting", "Local Development", "Open core"]
+---
+
+Begin is an effortless way to ship web apps and APIs on AWS. Begin provides an end-to-end developer experience with local development, CI/CD, and open-core without vendor lock-in. A free tier is available with no credit card or AWS account required. [Deploy your own personal website in 30 seconds.](https://begin.com/apps/create?template=https://github.com/begin-examples/node-personal-website)
diff --git a/src/content/cicd/cloudflare-pages.md b/src/content/cicd/cloudflare-pages.md
new file mode 100644
index 00000000..d59c7015
--- /dev/null
+++ b/src/content/cicd/cloudflare-pages.md
@@ -0,0 +1,10 @@
+---
+path: "services/hosting/cloudflare-pages"
+title: "Cloudflare Pages"
+link: "https://pages.cloudflare.com"
+logo: "cloudflare-pages.svg"
+---
+
+
+Cloudflare Pages is a JAMstack platform for frontend developers with effortles Git integration. And offers
+dynamic functionality through integration with Cloudflare Workers.
\ No newline at end of file
diff --git a/src/content/major/netlify.md b/src/content/cicd/netlify.md
similarity index 85%
rename from src/content/major/netlify.md
rename to src/content/cicd/netlify.md
index 81020c13..8a86ddd3 100644
--- a/src/content/major/netlify.md
+++ b/src/content/cicd/netlify.md
@@ -1,8 +1,8 @@
---
path: "services/major/netlify"
title: "Netlify"
-url: "https://www.netlify.com/"
-logo: "/images/netlify.png"
+link: "https://www.netlify.com/"
+logo: "netlify.png"
tags: ["Cloud Functions", "Hosting", "Local Development"]
---
diff --git a/src/content/cicd/render.md b/src/content/cicd/render.md
new file mode 100644
index 00000000..866bc47b
--- /dev/null
+++ b/src/content/cicd/render.md
@@ -0,0 +1,9 @@
+---
+path: "services/hosting/render"
+title: "Render Static Sites"
+link: "https://render.com/docs/static-sites"
+logo: "render.svg"
+---
+
+
+Deploying static sites on Render is easy. Link your GitHub or GitLab repo — your site is build every time you push to your repo and serve it over a global CDN with fully managed TLS certificates.
\ No newline at end of file
diff --git a/src/content/cicd/seed.md b/src/content/cicd/seed.md
new file mode 100644
index 00000000..ebe1cc98
--- /dev/null
+++ b/src/content/cicd/seed.md
@@ -0,0 +1,9 @@
+---
+path: "services/major/seed"
+title: "Seed"
+link: "https://seed.run/"
+logo: "seed-logo.png"
+tags: ["Cloud Functions", "Local Development", "Open core"]
+---
+
+Seed makes is designed for teams to use Serverless. Custom deployment infrastructure can speed up deployments 100x. The dashboard makes it easy to manage your environments.
diff --git a/src/content/cicd/vercel.md b/src/content/cicd/vercel.md
new file mode 100644
index 00000000..052d805f
--- /dev/null
+++ b/src/content/cicd/vercel.md
@@ -0,0 +1,8 @@
+---
+path: services/major/vercel
+title: Vercel
+link: "https://vercel.com/"
+logo: vercel.svg
+---
+
+Vercel is a global deployment network built on top of all existing cloud providers. It makes teams productive by removing servers and configuration, giving you a seamless developer experience to build modern scalable web apps.
diff --git a/src/content/cmss/agilitycms.md b/src/content/cmss/agilitycms.md
new file mode 100644
index 00000000..cebf32e4
--- /dev/null
+++ b/src/content/cmss/agilitycms.md
@@ -0,0 +1,8 @@
+---
+path: "services/cmss/agilitycms"
+title: "Agility CMS"
+link: "https://agilitycms.com/"
+logo: "agilitycms.svg"
+---
+
+Built for editors and developers in a headless world, Agility CMS (a UI/API and SDKs) provides native page management, structured content tools and is focused on supporting Jamstack sites.
diff --git a/src/content/cmss/bloomreach.md b/src/content/cmss/bloomreach.md
index ff54b3c2..879c4353 100644
--- a/src/content/cmss/bloomreach.md
+++ b/src/content/cmss/bloomreach.md
@@ -1,8 +1,8 @@
---
-path: "services/cmss/bloomreach"
-title: "Bloomreach"
-url: "https://developers.bloomreach.com/"
-logo: "/images/bloomreach.png"
+path: services/cmss/bloomreach
+title: Bloomreach
+link: https://developers.bloomreach.com/
+logo: bloomreach.png
---
-Open-source headless CMS without compomising on the authoring experience. No more form-based content management. Powerful APIs to consume from any client like React or Angular.
+Open-source headless CMS without compromising on the authoring experience. No more form-based content management. Powerful APIs to consume from any client like React or Angular.
diff --git a/src/content/cmss/buttercms.md b/src/content/cmss/buttercms.md
index e26bb3b1..64032716 100644
--- a/src/content/cmss/buttercms.md
+++ b/src/content/cmss/buttercms.md
@@ -1,8 +1,8 @@
---
path: "services/cmss/buttercms"
title: "ButterCMS"
-url: "https://buttercms.com/"
-logo: "/images/buttercms.png"
+link: "https://buttercms.com/"
+logo: "buttercms.png"
---
A UI (and API) for managing/creating content, and APIs/SDKs for getting it out.
diff --git a/src/content/cmss/cloudcannon.md b/src/content/cmss/cloudcannon.md
new file mode 100644
index 00000000..947a1297
--- /dev/null
+++ b/src/content/cmss/cloudcannon.md
@@ -0,0 +1,8 @@
+---
+path: "services/cmss/cloudcannon"
+title: "CloudCannon"
+link: "https://cloudcannon.com/"
+logo: "cloudcannon.svg"
+---
+
+CloudCannon is the fast, intuitive solution for your Jamstack needs. Sync, build, edit, and host on a platform loved by developers.
diff --git a/src/content/cmss/contentful.md b/src/content/cmss/contentful.md
index 61c46fd6..929c7af0 100644
--- a/src/content/cmss/contentful.md
+++ b/src/content/cmss/contentful.md
@@ -1,8 +1,8 @@
---
path: "services/cmss/contentful"
title: "Contentful"
-url: "https://www.contentful.com/"
-logo: "/images/contentful.png"
+link: "https://www.contentful.com/"
+logo: "contentful.png"
---
A UI (and API) for managing/creating content, and APIs/SDKs for getting it out.
diff --git a/src/content/cmss/cosmicjs.md b/src/content/cmss/cosmicjs.md
new file mode 100644
index 00000000..377d26ef
--- /dev/null
+++ b/src/content/cmss/cosmicjs.md
@@ -0,0 +1,8 @@
+---
+path: services/cmss/cosmicjs
+title: Cosmic
+link: https://www.cosmicjs.com
+logo: cosmicjs.svg
+---
+
+Headless CMS and API toolkit. Built on serverless technology, use as a hosted service or run on dedicated cloud infrastructure.
diff --git a/src/content/cmss/craftcms.md b/src/content/cmss/craftcms.md
new file mode 100644
index 00000000..fa038305
--- /dev/null
+++ b/src/content/cmss/craftcms.md
@@ -0,0 +1,8 @@
+---
+path: "services/cmss/craftcms"
+title: "Craft CMS"
+link: "https://craftcms.com/"
+logo: "craft_cms.svg"
+---
+
+Craft CMS has a built-in GraphQL API that can deliver your content to any Jamstack site while letting your users benefit from Craft's content authoring experience, data modeling and multilingual capabilities.
diff --git a/src/content/cmss/datocms.md b/src/content/cmss/datocms.md
index 57e69c6b..c43773f2 100644
--- a/src/content/cmss/datocms.md
+++ b/src/content/cmss/datocms.md
@@ -1,8 +1,8 @@
---
path: "services/cmss/datocms"
title: "DatoCMS"
-url: "https://www.datocms.com/"
-logo: "/images/datocms.png"
+link: "https://www.datocms.com/"
+logo: "datocms.png"
---
Hosted CMS that outputs all your data as a JSON API.
diff --git a/src/content/cmss/fixture.md b/src/content/cmss/fixture.md
deleted file mode 100644
index d3e98079..00000000
--- a/src/content/cmss/fixture.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-path: "services/cmss/fixture"
-title: "Fixture"
-url: "https://fixture.app/"
-logo: "/images/fixture.png"
----
-
-Build beautiful, full featured websites that run on your own AWS account. With an easy-to-use UI and robust e-commerce support, Fixture is the best way to build fast, serverless websites.
\ No newline at end of file
diff --git a/src/content/cmss/flamelink.md b/src/content/cmss/flamelink.md
index 2892497c..559467fd 100644
--- a/src/content/cmss/flamelink.md
+++ b/src/content/cmss/flamelink.md
@@ -1,8 +1,8 @@
---
path: "services/cmss/flamelink"
title: "Flamelink"
-url: "https://flamelink.io/"
-logo: "/images/flamelink.png"
+link: "https://flamelink.io/"
+logo: "flamelink.png"
---
A Realtime Headless CMS for Firebase.
diff --git a/src/content/cmss/flotiq.md b/src/content/cmss/flotiq.md
new file mode 100644
index 00000000..c375eea8
--- /dev/null
+++ b/src/content/cmss/flotiq.md
@@ -0,0 +1,8 @@
+---
+path: services/cmss/flotiq
+title: Flotiq
+link: https://flotiq.com/
+logo: flotiq.svg
+---
+
+Flotiq is an effortless headless Content Management System. Flotiq's goal is to provide developers with an easy to use API, powerful integrations and SDKs that allow them to build complex systems.
diff --git a/src/content/cmss/forestry.md b/src/content/cmss/forestry.md
index 3b7c1e97..47cb049d 100644
--- a/src/content/cmss/forestry.md
+++ b/src/content/cmss/forestry.md
@@ -1,8 +1,8 @@
---
path: "services/cmss/forestry"
title: "Forestry"
-url: "https://forestry.io/"
-logo: "/images/forestry.svg"
+link: "https://forestry.io/"
+logo: "forestry.svg"
---
Forestry.io is a Git-backed CMS for websites and web products built using static site generators. Forestry bridges the gap between developers and their teams, by making development fun and easy, while providing powerful content management for their teams.
diff --git a/src/content/cmss/graphcms.md b/src/content/cmss/graphcms.md
index 816f0c1e..d0e81604 100644
--- a/src/content/cmss/graphcms.md
+++ b/src/content/cmss/graphcms.md
@@ -1,8 +1,8 @@
---
path: "services/cmss/graphcms"
title: "GraphCMS"
-url: "https://graphcms.com/"
-logo: "/images/GraphCMS.svg"
+link: "https://graphcms.com/"
+logo: "GraphCMS.svg"
---
Headless CMS for Digital Creators. GraphQL Content APIs for Digital Products.
diff --git a/src/content/cmss/kenticocloud.md b/src/content/cmss/kenticocloud.md
index a6a897e2..83e800da 100644
--- a/src/content/cmss/kenticocloud.md
+++ b/src/content/cmss/kenticocloud.md
@@ -1,9 +1,8 @@
----
-path: "services/cmss/kenticocloud"
-title: "Kentico Cloud"
-url: "https://www.kenticocloud.com/"
-logo: "/images/kenticocloud.png"
-tags: ["cms, caas"]
----
-
-Kentico Cloud is an API-first CMS. While running in the cloud it provides an extensible UI for managing content, CDN for data delivery and open-sourced SDKs for all popular platforms.
+---
+path: services/cmss/kenticokontent
+title: Kentico Kontent
+link: "https://www.kontent.ai/"
+logo: kentio-kontent.svg
+---
+
+A cloud-native headless CMS with SDKs for all popular platforms
diff --git a/src/content/cmss/lexascms.md b/src/content/cmss/lexascms.md
new file mode 100644
index 00000000..a85f09cd
--- /dev/null
+++ b/src/content/cmss/lexascms.md
@@ -0,0 +1,8 @@
+---
+path: services/cmss/lexascms
+title: LexasCMS
+link: https://www.lexascms.com/
+logo: lexascms.svg
+---
+
+A headless CMS that combines powerful content scheduling capabilities with a modern content editing experience and a blazing fast GraphQL/REST content delivery API.
diff --git a/src/content/cmss/netlify.md b/src/content/cmss/netlify.md
index ff3c2514..c6884659 100644
--- a/src/content/cmss/netlify.md
+++ b/src/content/cmss/netlify.md
@@ -1,8 +1,8 @@
---
path: "services/cmss/netlify"
title: "Netlify CMS"
-url: "https://www.netlifycms.org/"
-logo: "/images/netlify.png"
+link: "https://www.netlifycms.org/"
+logo: "netlify.png"
---
This is a React SPA that works with any static site generator.
diff --git a/src/content/cmss/prismic.md b/src/content/cmss/prismic.md
index a53c8c63..5d849a2b 100644
--- a/src/content/cmss/prismic.md
+++ b/src/content/cmss/prismic.md
@@ -1,8 +1,8 @@
---
path: "services/cmss/prismic"
title: "Prismic"
-url: "https://prismic.io/"
-logo: "/images/prismic.png"
+link: "https://prismic.io/"
+logo: "prismic.png"
---
An API based CMS with wide support of JS frameworks, built for flexible development and accessible end-user experience.
diff --git a/src/content/cmss/publii.md b/src/content/cmss/publii.md
index 608099fe..197b524d 100644
--- a/src/content/cmss/publii.md
+++ b/src/content/cmss/publii.md
@@ -1,8 +1,8 @@
---
path: "services/cmss/publii"
title: "Publii"
-url: "https://getpublii.com/"
-logo: "/images/publii.svg"
+link: "https://getpublii.com/"
+logo: "publii.svg"
---
Publii is a CMS with a GUI for that generates static HTML output. Publii is built for any skill level and is perfect for blogs, portfolios and company websites.
diff --git a/src/content/cmss/sanity.md b/src/content/cmss/sanity.md
index 8eb4bc9b..f97197a8 100644
--- a/src/content/cmss/sanity.md
+++ b/src/content/cmss/sanity.md
@@ -1,8 +1,8 @@
---
path: "services/cmss/sanity"
title: "Sanity"
-url: "https://www.sanity.io/"
-logo: "/images/sanity.png"
+link: "https://www.sanity.io/"
+logo: "sanity.png"
---
Edit collaboratively, distribute over APIs, and freely decide later how and where your content will be used.
diff --git a/src/content/cmss/shifter.md b/src/content/cmss/shifter.md
index e553eb41..f4e51973 100644
--- a/src/content/cmss/shifter.md
+++ b/src/content/cmss/shifter.md
@@ -1,8 +1,8 @@
---
path: "services/cmss/shifter"
title: "Shifter"
-url: "https://getshifter.io/"
-logo: "/images/shifter.png"
+link: "https://getshifter.io/"
+logo: "shifter.png"
---
WordPress sites automatically have a [Rest API](https://developer.wordpress.org/rest-api/). But you still need to host the site somewhere and serverless isn\'t really gonna happen. Except... Shifter is the WordPress hosting solution that combines static site generation and serverless architecture with the world’s most popular CMS.
diff --git a/src/content/cmss/storyblok.md b/src/content/cmss/storyblok.md
index 6bd8ed5f..ac3db9da 100644
--- a/src/content/cmss/storyblok.md
+++ b/src/content/cmss/storyblok.md
@@ -1,8 +1,8 @@
---
path: "services/cmss/storyblok"
title: "Storyblok"
-url: "https://www.storyblok.com/"
-logo: "/images/storyblok.png"
+link: "https://www.storyblok.com/"
+logo: "storyblok.png"
---
Headless content platform, based on components. Has a powerful editor concept that works with every page and a generous free plan.
diff --git a/src/content/cmss/strapi.md b/src/content/cmss/strapi.md
index 6e994438..453df19a 100644
--- a/src/content/cmss/strapi.md
+++ b/src/content/cmss/strapi.md
@@ -1,8 +1,8 @@
---
-path: 'services/cmss/strapi'
-title: 'Strapi'
-url: 'https://strapi.io/'
-logo: '/images/strapi.png'
+path: "services/cmss/strapi"
+title: "Strapi"
+link: "https://strapi.io/"
+logo: "strapi.png"
---
Strapi is an open source Headless CMS that is open source MIT licensed, self-hosted, customizable, has RESTful or GraphQL APIs, is 100% JavaScript (built on Node.js) and extensible by design.
diff --git a/src/content/cmss/takeshape.md b/src/content/cmss/takeshape.md
index 243b7028..2d272b60 100644
--- a/src/content/cmss/takeshape.md
+++ b/src/content/cmss/takeshape.md
@@ -1,8 +1,8 @@
---
path: "services/cmss/takeshape"
title: "Take Shape"
-url: "https://www.takeshape.io/"
-logo: "/images/takeshape.png"
+link: "https://www.takeshape.io/"
+logo: "takeshape.png"
---
A stress-free Headless CMS, GraphQL API, and Static Site Generator to help you get your projects done.
diff --git a/src/content/cmss/webiny.md b/src/content/cmss/webiny.md
index 09b2d984..ce7afcac 100644
--- a/src/content/cmss/webiny.md
+++ b/src/content/cmss/webiny.md
@@ -1,10 +1,10 @@
---
path: "services/cmss/webiny"
title: "Webiny"
-url: "https://www.webiny.com/"
-logo: "/images/webiny.svg"
+link: "https://www.webiny.com/"
+logo: "webiny.svg"
---
Developer-friendly Serverless CMS powered by GraphQL and React.
-Host it yourself, or use the online version at [www.webiny.com](https://www.webiny.com/)
\ No newline at end of file
+Host it yourself, or use the online version at [www.webiny.com](https://www.webiny.com/)
diff --git a/src/content/cmss/wordpress.md b/src/content/cmss/wordpress.md
index 0b041937..940d0b9e 100644
--- a/src/content/cmss/wordpress.md
+++ b/src/content/cmss/wordpress.md
@@ -1,8 +1,8 @@
---
path: "services/cmss/wordpress"
title: "WordPress (REST API)"
-url: "https://developer.wordpress.com/docs/api/"
-logo: "/images/wordpress.svg"
+link: "https://developer.wordpress.com/docs/api/"
+logo: "wordpress.svg"
---
WordPress isn't typically what you'd think of as serverless, but you can use the REST API, available on both self-hosted WordPress sites and WordPress.com, to build static sites or JavaScript-rendered sites.
diff --git a/src/content/data/8base.md b/src/content/data/8base.md
index 0dfb5235..85752ebb 100644
--- a/src/content/data/8base.md
+++ b/src/content/data/8base.md
@@ -1,8 +1,8 @@
---
path: "services/data/8base"
title: "8base"
-url: "https://www.8base.com/"
-logo: "/images/8base.svg"
+link: "https://www.8base.com/"
+logo: "8base.svg"
---
Data storage, GraphQL access to that data, and easy Lambda deployment.
diff --git a/src/content/data/airtable.md b/src/content/data/airtable.md
index 04039c35..8479ac10 100644
--- a/src/content/data/airtable.md
+++ b/src/content/data/airtable.md
@@ -1,8 +1,8 @@
---
path: "services/data/airtable"
title: "Airtable"
-url: "https://airtable.com/"
-logo: "/images/airtable.svg"
+link: "https://airtable.com/"
+logo: "airtable.svg"
---
-Part spreadsheet, part database, and entirely flexible.
\ No newline at end of file
+Part spreadsheet, part database, and entirely flexible.
diff --git a/src/content/data/appsync.md b/src/content/data/appsync.md
index 33613edc..f8a8cc45 100644
--- a/src/content/data/appsync.md
+++ b/src/content/data/appsync.md
@@ -1,8 +1,8 @@
---
path: "services/data/aws-appsync"
title: "AWS AppSync"
-url: "https://aws.amazon.com/appsync/"
-logo: "/images/appsync.png"
+link: "https://aws.amazon.com/appsync/"
+logo: "appsync.png"
---
Fully managed database agnostic GraphQL API service with first-class support for real-time and offline.
diff --git a/src/content/data/fauna.md b/src/content/data/fauna.md
index 03969eda..9465e72d 100644
--- a/src/content/data/fauna.md
+++ b/src/content/data/fauna.md
@@ -1,10 +1,10 @@
---
-path: "services/auth/Faunadb"
-title: "FaunaDB"
-url: "https://fauna.com/"
-logo: "/images/fauna.png"
+path: services/auth/Faunadb
+title: FaunaDB
+link: "https://fauna.com/"
+logo: fauna.png
---
-FaunaDB delivers the strong consistency, relational access, and data security you need without sacrificing the global scale and interface flexibility you want. It was thought to be impossible until we built it.
+FaunaDB is a serverless cloud database (for OLTP) that gives you ubiquitous, low latency access to app data, without sacrificing data correctness and scale. With native support for GraphQL, FaunaDB offers a flexible data model spanning relational, document and graph models.
-Runs everywhere you are: private cloud, multi-cloud, hybrid, or serverless.
\ No newline at end of file
+FaunaDB is priced based on your usage, and offers a free tier.
diff --git a/src/content/data/firestore.md b/src/content/data/firebase-firestore.md
similarity index 63%
rename from src/content/data/firestore.md
rename to src/content/data/firebase-firestore.md
index e6e6e302..96b7f63e 100644
--- a/src/content/data/firestore.md
+++ b/src/content/data/firebase-firestore.md
@@ -1,10 +1,10 @@
---
path: "services/auth/firestore"
-title: "Cloud Firestore"
-url: "https://firebase.google.com/docs/firestore/"
-logo: "/images/firestore.png"
+title: "Firebase Cloud Firestore"
+link: "https://firebase.google.com/products/firestore"
+logo: "firestore.png"
---
Cloud Firestore is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud Platform.
-Firestore is newer and Google encourages you more to use it over Firebase's original realtime database. Comparison.
\ No newline at end of file
+Firestore is newer and Google encourages you more to use it over Firebase's original realtime database. Comparison.
diff --git a/src/content/data/firebase-rtdb.md b/src/content/data/firebase-rtdb.md
new file mode 100644
index 00000000..19de1c75
--- /dev/null
+++ b/src/content/data/firebase-rtdb.md
@@ -0,0 +1,8 @@
+---
+path: "services/auth/firebase"
+title: "Firebase Realtime Database"
+link: "https://firebase.google.com/products/realtime-database"
+logo: "firebase.png"
+---
+
+Perhaps Firebase Realtime Database's most useful and iconic feature is the realtime data storage feature. Once you connect, you can not only push data to the realtime database, but watch and respond to data changes in near realtime.
diff --git a/src/content/data/firebase.md b/src/content/data/firebase.md
deleted file mode 100644
index 570955cc..00000000
--- a/src/content/data/firebase.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-path: "services/auth/firebase"
-title: "Google Firebase"
-url: "https://firebase.google.com/"
-logo: "/images/firebase.png"
----
-
-Perhaps Firebase's most useful and iconic feature is the realtime data storage feature. Once you connect, you can not only push data to firebase, but watch and respond to data changes.
\ No newline at end of file
diff --git a/src/content/data/hasura.md b/src/content/data/hasura.md
new file mode 100644
index 00000000..e10de8b3
--- /dev/null
+++ b/src/content/data/hasura.md
@@ -0,0 +1,8 @@
+---
+path: services/data/hasura
+title: Hasura
+link: "https://hasura.io/"
+logo: hasura.png
+---
+
+Hasura is an open source engine that connects to your databases & microservices and auto-generates a production-ready GraphQL backend.
diff --git a/src/content/data/hoodie.md b/src/content/data/hoodie.md
index f0b76363..6bd11634 100644
--- a/src/content/data/hoodie.md
+++ b/src/content/data/hoodie.md
@@ -1,8 +1,8 @@
---
path: "services/auth/hoodie"
title: "Hoodie"
-url: "http://hood.ie/"
-logo: "/images/hoodie.svg"
+link: "http://hood.ie/"
+logo: "hoodie.svg"
---
-A fast, simple and self-hosted backend as a service for your (web) apps, Open Source and free. No need to write server-side code or database schemas. Makes building offline-capable software a breeze.
\ No newline at end of file
+A fast, simple and self-hosted backend as a service for your (web) apps, Open Source and free. No need to write server-side code or database schemas. Makes building offline-capable software a breeze.
diff --git a/src/content/data/jsonbin.md b/src/content/data/jsonbin.md
index 7b6c9725..6ff125a7 100644
--- a/src/content/data/jsonbin.md
+++ b/src/content/data/jsonbin.md
@@ -1,10 +1,10 @@
---
path: "services/data/jsonbin"
title: "JSONbin.io"
-url: "https://jsonbin.io/"
-logo: "/images/jsonbin.svg"
+link: "https://jsonbin.io/"
+logo: "jsonbin.svg"
---
-JSONbin.io is a free JSON storage and JSON hosting service. It is an ideal solution for storing JSON data for small-scale web apps, mobile apps, or websites.
+JSONbin.io is a free JSON storage and JSON hosting service. It is an ideal solution for storing JSON data for small-scale web apps, mobile apps, or websites.
-There is also JSONbin.org, which is very similar.
\ No newline at end of file
+There is also JSONbin.org, which is very similar.
diff --git a/src/content/data/mongodb.md b/src/content/data/mongodb.md
index 6f9840ef..dfb67521 100644
--- a/src/content/data/mongodb.md
+++ b/src/content/data/mongodb.md
@@ -1,8 +1,8 @@
---
path: "services/data/mongodb"
title: "MongoDB"
-url: "https://www.mongodb.com/"
-logo: "/images/mongodb.png"
+link: "https://www.mongodb.com/"
+logo: "mongodb.png"
---
-MongoDB Atlas is the cloud database. MongoDB Stitch is the serverless platform.
\ No newline at end of file
+MongoDB Atlas is the cloud database. MongoDB Realm is the serverless platform.
diff --git a/src/content/data/npoint.md b/src/content/data/npoint.md
index 9a920eb9..837d29e1 100644
--- a/src/content/data/npoint.md
+++ b/src/content/data/npoint.md
@@ -1,8 +1,8 @@
---
path: "services/data/npoint"
title: "n:point"
-url: "https://www.npoint.io/"
-logo: "/images/npoint.png"
+link: "https://www.npoint.io/"
+logo: "npoint.png"
---
JSON storage bins that won't break your app. Set up a lightweight JSON endpoint in seconds, then add a schema to edit your data safely at any time.
diff --git a/src/content/data/para.md b/src/content/data/para.md
index df33d8e1..4020284a 100644
--- a/src/content/data/para.md
+++ b/src/content/data/para.md
@@ -1,8 +1,8 @@
---
path: "services/data/para"
title: "Para"
-url: "https://paraio.com/"
-logo: "/images/para.svg"
+link: "https://paraio.com/"
+logo: "para.svg"
---
Para is a flexible and cost-effective backend service that stores, indexes and caches your objects.
diff --git a/src/content/data/realm.md b/src/content/data/realm.md
index 115da5f4..60acfd5d 100644
--- a/src/content/data/realm.md
+++ b/src/content/data/realm.md
@@ -1,8 +1,8 @@
---
path: "services/data/realm"
title: "Realm Database"
-url: "https://realm.io/products/realm-database"
-logo: "/images/realm.svg"
+link: "https://realm.io/products/realm-database"
+logo: "realm.svg"
---
-An open source alternative to SQLite and Core Data.
+An open source alternative to SQLite and Core Data.
diff --git a/src/content/data/sheetsu.md b/src/content/data/sheetsu.md
index 5eeef8d9..d7c1480f 100644
--- a/src/content/data/sheetsu.md
+++ b/src/content/data/sheetsu.md
@@ -1,8 +1,8 @@
---
path: "services/data/sheetsu"
title: "Sheetsu"
-url: "https://sheetsu.com/"
-logo: "/images/sheetsu.png"
+link: "https://sheetsu.com/"
+logo: "sheetsu.png"
---
Sheetsu helps you connect Google Sheets to anything - Web, Mobile, IoT or any service's API.
diff --git a/src/content/data/supabase.md b/src/content/data/supabase.md
new file mode 100644
index 00000000..48a8ed07
--- /dev/null
+++ b/src/content/data/supabase.md
@@ -0,0 +1,13 @@
+---
+path: "services/data/supabase"
+title: "Supabase Database"
+link: "https://supabase.com/"
+logo: "supabase.svg"
+---
+
+Open Source SQL Database – without the hassle. The Open Source Firebase Alternative.
+
+Create a backend in less than 2 minutes. Start your project with a Postgres Database, Authentication, instant APIs, Realtime subscriptions and Storage.
+
+Every Supabase project is a dedicated PostgreSQL database.
+PostgreSQL is one of the worlds most scalable databases.
\ No newline at end of file
diff --git a/src/content/ecommerce/apicart.md b/src/content/ecommerce/apicart.md
index 8f0f7e32..6f322c67 100644
--- a/src/content/ecommerce/apicart.md
+++ b/src/content/ecommerce/apicart.md
@@ -1,8 +1,8 @@
---
path: "services/ecommerce/apicart"
title: "Apicart"
-url: "https://apicart.net/"
-logo: "/images/apicart.svg"
+link: "https://apicart.net/"
+logo: "apicart.svg"
---
Integrate a shopping cart, shopping process and microtransactions to your website, mobile and desktop app easily.
diff --git a/src/content/ecommerce/commercelayer.md b/src/content/ecommerce/commercelayer.md
index 256032de..99a9d785 100644
--- a/src/content/ecommerce/commercelayer.md
+++ b/src/content/ecommerce/commercelayer.md
@@ -1,8 +1,8 @@
---
path: "services/ecommerce/commercelayer"
title: "Commerce Layer"
-url: "https://commercelayer.io/"
-logo: "/images/commercelayer.svg"
+link: "https://commercelayer.io/"
+logo: "commercelayer.svg"
---
Add Enterprise Ecommerce to your JAMstack! Commerce Layer is an API-first commerce platform that lets you easily add enterprise-grade ecommerce functionalities to any website, by using the headless CMS, static site generator, and tools you already master and love.
diff --git a/src/content/ecommerce/foxy.md b/src/content/ecommerce/foxy.md
index a8112679..1ca73caa 100644
--- a/src/content/ecommerce/foxy.md
+++ b/src/content/ecommerce/foxy.md
@@ -1,8 +1,8 @@
---
path: "services/ecommerce/foxy"
title: "Foxy"
-url: "https://www.foxy.io/"
-logo: "/images/foxy.png"
+link: "https://www.foxy.io/"
+logo: "foxy.png"
---
Foxy is a shopping cart system you can integrate easily onto any site, as it is all handled client-side. Ultimately the secure payment forms are hosted by them, but are skinnable such that they look like your site.
diff --git a/src/content/ecommerce/gumroad.md b/src/content/ecommerce/gumroad.md
index b217dab9..f88c6710 100644
--- a/src/content/ecommerce/gumroad.md
+++ b/src/content/ecommerce/gumroad.md
@@ -1,8 +1,8 @@
---
path: "services/ecommerce/gumroad"
title: "Gumroad"
-url: "https://gumroad.com/"
-logo: "/images/gumroad.svg"
+link: "https://gumroad.com/"
+logo: "gumroad.svg"
---
Gumroad helps you embed payment forms onto your site, then deliver digital files to buyers.
diff --git a/src/content/ecommerce/moltin.md b/src/content/ecommerce/moltin.md
index 988466f8..a3ccf1a1 100644
--- a/src/content/ecommerce/moltin.md
+++ b/src/content/ecommerce/moltin.md
@@ -1,8 +1,8 @@
---
path: "services/ecommerce/moltin"
title: "Moltin"
-url: "https://www.moltin.com/"
-logo: "/images/moltin.svg"
+link: "https://www.moltin.com/"
+logo: "moltin.svg"
---
-A headless commerce API that handles cart, checkout, promotions, custom data, webhooks and lots more for frontend apps.
\ No newline at end of file
+A headless commerce API that handles cart, checkout, promotions, custom data, webhooks and lots more for frontend apps.
diff --git a/src/content/ecommerce/snipcart.md b/src/content/ecommerce/snipcart.md
index f57009f0..c83631b1 100644
--- a/src/content/ecommerce/snipcart.md
+++ b/src/content/ecommerce/snipcart.md
@@ -1,8 +1,8 @@
---
path: "services/ecommerce/snipcart"
title: "Snipcart"
-url: "https://www.snipcart.com/"
-logo: "/images/snipcart.png"
+link: "https://www.snipcart.com/"
+logo: "snipcart.png"
---
-Add a shopping cart to any website with Snipcart. Snipcart works great with existing websites, SPAs, blog and any type of JAMstack site.
\ No newline at end of file
+Add a shopping cart to any website with Snipcart. Snipcart works great with existing websites, SPAs, blog and any type of JAMstack site.
diff --git a/src/content/ecommerce/tito.md b/src/content/ecommerce/tito.md
index 450dceba..686a54e9 100644
--- a/src/content/ecommerce/tito.md
+++ b/src/content/ecommerce/tito.md
@@ -1,8 +1,8 @@
---
path: "services/ecommerce/tito"
title: "Tito"
-url: "https://ti.to/home"
-logo: "/images/tito.svg"
+link: "https://ti.to/home"
+logo: "tito.svg"
---
Payments are ultimately handled by Stripe/PayPal/Braintree, but Tito brings a whole huge set of features for putting on events. The checkout forms themselves can go right on any site, including your serverless/JAMstack site.
diff --git a/src/content/forms/arengu.md b/src/content/forms/arengu.md
new file mode 100644
index 00000000..409fb423
--- /dev/null
+++ b/src/content/forms/arengu.md
@@ -0,0 +1,8 @@
+---
+path: services/forms/arengu
+title: Arengu
+link: https://www.arengu.com/
+logo: arengu.svg
+---
+
+Build signup and login forms with Arengu, enable social login, add 2FA or use passwordless flows to authenticate users with your API or identity provider.
diff --git a/src/content/forms/basin.md b/src/content/forms/basin.md
index 219bb03f..e32bf67a 100644
--- a/src/content/forms/basin.md
+++ b/src/content/forms/basin.md
@@ -1,8 +1,8 @@
---
-path: "services/forms/basin"
-title: "Basin"
-url: "https://usebasin.com/"
-logo: "/images/basin.png"
+path: services/forms/basin
+title: Basin
+link: https://usebasin.com/
+logo: basin_logo_v2.svg
---
-Point the `action` attribute at Basin and it'll handle the form processing for you. Basin features include Zapier integration (which connects to loads of other services), spam filtering, response emails, file uploads, and more.
+Basin processes, delivers, and securely stores submission data and lets you easily manage all of your HTML forms with a single backend. Features include Zapier integration, spam filtering, auto-response emails (can be configured to send from your own custom domain), file uploads, custom email templates, and more.
diff --git a/src/content/forms/fetch-forms.md b/src/content/forms/fetch-forms.md
new file mode 100644
index 00000000..70ac904a
--- /dev/null
+++ b/src/content/forms/fetch-forms.md
@@ -0,0 +1,11 @@
+---
+path: "services/forms/fetch-forms"
+title: "Fetch Forms"
+link: "https://www.fetchforms.io"
+logo: "fetch-forms.png"
+---
+
+The speed of a form builder with the control of code.
+
+Fetch Forms is a headless form builder that uses forms-as-data, giving the developer full control of rendering the form and handling submissions.
+
diff --git a/src/content/forms/fieldgoal.md b/src/content/forms/fieldgoal.md
index 485cb4d8..8ab53a8e 100644
--- a/src/content/forms/fieldgoal.md
+++ b/src/content/forms/fieldgoal.md
@@ -1,8 +1,8 @@
---
path: "services/forms/fieldgoal"
title: "FieldGoal"
-url: "https://fieldgoal.io/"
-logo: "/images/fieldgoal.svg"
+link: "https://fieldgoal.io/"
+logo: "fieldgoal.svg"
---
Don't build a whole backend just for one stupid form.
diff --git a/src/content/forms/form2chat.md b/src/content/forms/form2chat.md
index e6738b96..830a359c 100644
--- a/src/content/forms/form2chat.md
+++ b/src/content/forms/form2chat.md
@@ -1,8 +1,8 @@
---
path: "services/forms/form2chat"
title: "Form2chat"
-url: "https://form2chat.io/"
-logo: "/images/form2chat.png"
+link: "https://form2chat.io/"
+logo: "form2chat.png"
---
Get your forms submissions directly to the chat platform of your choice - Telegram, Slack, Messenger or Viber are available. More is coming soon.
diff --git a/src/content/forms/formaholic.md b/src/content/forms/formaholic.md
deleted file mode 100644
index 5dcf628c..00000000
--- a/src/content/forms/formaholic.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-path: "services/forms/formaholic"
-title: "Formaholic"
-url: "https://formaholic.com/"
-logo: "/images/formaholic.png"
----
-
-Their tagline: Send your form to our URL and we'll save it & send it to your email. No server side code required - perfect for static sites!
diff --git a/src/content/forms/formbackend.md b/src/content/forms/formbackend.md
index 6e0478f3..18365831 100644
--- a/src/content/forms/formbackend.md
+++ b/src/content/forms/formbackend.md
@@ -1,8 +1,8 @@
---
path: "services/forms/formbackend"
title: "FormBackend"
-url: "https://www.formbackend.com/"
-logo: "/images/formbackend.png"
+link: "https://www.formbackend.com/"
+logo: "formbackend.png"
---
Easy to use form endpoints for your HTML forms. Point the action attribute to us and we capture your form submissions. We take care of spam, integrate with third party services, send out auto-responder messages etc.
diff --git a/src/content/forms/formcake.md b/src/content/forms/formcake.md
new file mode 100644
index 00000000..9db5cfce
--- /dev/null
+++ b/src/content/forms/formcake.md
@@ -0,0 +1,8 @@
+---
+path: "services/forms/formcake"
+title: "Formcake"
+link: "https://formcake.com/"
+logo: "formcake-cake.png"
+---
+
+A form backend built for developers. Collect submissions and trigger webhooks, emails, and other actions. Free tier for solo developers, perfect for JAMStack, static, and API-driven websites.
diff --git a/src/content/forms/formcarry.md b/src/content/forms/formcarry.md
index 7ba27163..9edd84d8 100644
--- a/src/content/forms/formcarry.md
+++ b/src/content/forms/formcarry.md
@@ -1,8 +1,8 @@
---
path: "services/forms/formcarry"
title: "Formcarry"
-url: "https://formcarry.com/"
-logo: "/images/formcarry.png"
+link: "https://formcarry.com/"
+logo: "formcarry.png"
---
Point the `action` attribute at Formcarry and it'll handle the form processing for you. Notably, it has integrations with services like Zapier, Salesforce, Intercom, and Slack. It also has Webhooks to notify other services (which is nice for serverless architechtures).
diff --git a/src/content/forms/formkeep.md b/src/content/forms/formkeep.md
index b14a48af..c62a55c3 100644
--- a/src/content/forms/formkeep.md
+++ b/src/content/forms/formkeep.md
@@ -1,8 +1,8 @@
---
path: "services/forms/formkeep"
title: "Formkeep"
-url: "https://formkeep.com/"
-logo: "/images/formkeep.png"
+link: "https://formkeep.com/"
+logo: "formkeep.png"
---
Point the `action` attribute at Formkeep and it'll handle the form processing for you. Integrates with services like Zapier, MailChimp, Slack, and Trello. Notable features include spam filtering and auto responders.
diff --git a/src/content/forms/formspree.md b/src/content/forms/formspree.md
index 0b46ad1e..abe21c1a 100644
--- a/src/content/forms/formspree.md
+++ b/src/content/forms/formspree.md
@@ -1,8 +1,8 @@
---
path: "services/forms/formspree"
title: "Formspree"
-url: "https://formspree.io/"
-logo: "/images/formspree.png"
+link: "https://formspree.io/"
+logo: "formspree.png"
---
You point `action` attribute like many of the other services, but the hook here is that you use your own email address in the URL, so you don't even have to register.
diff --git a/src/content/forms/formstack.md b/src/content/forms/formstack.md
index ff153650..e7e84dea 100644
--- a/src/content/forms/formstack.md
+++ b/src/content/forms/formstack.md
@@ -1,8 +1,8 @@
---
path: "services/forms/formstack"
title: "Formstack"
-url: "https://www.formstack.com/"
-logo: "/images/formstack.png"
+link: "https://www.formstack.com/"
+logo: "formstack.png"
---
Payments. Integrations.
diff --git a/src/content/forms/formsubmit.md b/src/content/forms/formsubmit.md
index 25960e16..c98b7d06 100644
--- a/src/content/forms/formsubmit.md
+++ b/src/content/forms/formsubmit.md
@@ -1,8 +1,8 @@
---
path: "services/forms/formsubmit"
title: "FormSubmit"
-url: "https://formsubmit.co/"
-logo: "/images/formsubmit.png"
+link: "https://formsubmit.co/"
+logo: "formsubmit.png"
---
Connect your form to FormSubmit endpoint and we’ll email you the submissions. No PHP, JavaScript or sign up required.
diff --git a/src/content/forms/formtaxi.md b/src/content/forms/formtaxi.md
new file mode 100644
index 00000000..e27f1818
--- /dev/null
+++ b/src/content/forms/formtaxi.md
@@ -0,0 +1,8 @@
+---
+path: services/forms/formtaxi
+title: Form.taxi
+link: https://form.taxi/
+logo: formtaxi_logo.svg
+---
+
+If you have a static website with forms on it, form.taxi is the backend service for your HTML form to handle submissions in a simple and efficient way. Just connect your web form to the form.taxi endpoint, and it will take care of storage, spam filtering, and email notification.
diff --git a/src/content/forms/formx.md b/src/content/forms/formx.md
index a0bd5583..2bdf6403 100644
--- a/src/content/forms/formx.md
+++ b/src/content/forms/formx.md
@@ -1,8 +1,8 @@
---
path: "services/forms/formx"
title: "formX"
-url: "https://formx.stream"
-logo: "/images/formx.png"
+link: "https://formx.stream"
+logo: "formx.png"
---
formX powers your forms and powers them up with analytics! Integrate with services such as Zapier, Slack, Trello, Salesforce, and more.
diff --git a/src/content/forms/getform.md b/src/content/forms/getform.md
index 1410c18f..93fb5614 100644
--- a/src/content/forms/getform.md
+++ b/src/content/forms/getform.md
@@ -1,8 +1,8 @@
---
path: "services/forms/getform"
title: "Getform"
-url: "https://getform.io/"
-logo: "/images/getform.png"
+link: "https://getform.io/"
+logo: "getform.png"
---
You point `action` attribute like many of the other services. Zapier integration. Spam filtering. File uploads. Data exporting.
diff --git a/src/content/forms/googleforms.md b/src/content/forms/googleforms.md
index 6ae2ea80..4eacaccd 100644
--- a/src/content/forms/googleforms.md
+++ b/src/content/forms/googleforms.md
@@ -1,8 +1,8 @@
---
path: "services/forms/googleforms"
title: "Google Forms"
-url: "https://www.google.com/forms/about/"
-logo: "/images/google-forms.png"
+link: "https://www.google.com/forms/about/"
+logo: "google-forms.png"
---
Free.
diff --git a/src/content/forms/herotofu.md b/src/content/forms/herotofu.md
new file mode 100644
index 00000000..5d4fe88e
--- /dev/null
+++ b/src/content/forms/herotofu.md
@@ -0,0 +1,8 @@
+---
+path: "services/forms/herotofu"
+title: "HeroTofu"
+link: "https://herotofu.com/"
+logo: "herotofu.svg"
+---
+
+Jamstack friendly forms backend with an encrypted archive, email/Slack/Zapier submission notifications, and more. APIs that work with lambda functions to get GDPR/CCPA compliance and bot check.
diff --git a/src/content/forms/heyform.md b/src/content/forms/heyform.md
new file mode 100644
index 00000000..843257b3
--- /dev/null
+++ b/src/content/forms/heyform.md
@@ -0,0 +1,8 @@
+---
+path: services/forms/heyform
+title: HeyForm
+link: https://heyform.net/
+logo: heyform.svg
+---
+
+Drag and drop online form builder. The free tier lets users create unlimited forms. Users can embed the forms anywhere, including static site generators.
diff --git a/src/content/forms/hyperforms.md b/src/content/forms/hyperforms.md
new file mode 100644
index 00000000..e7bb0630
--- /dev/null
+++ b/src/content/forms/hyperforms.md
@@ -0,0 +1,8 @@
+---
+path: services/forms/hyperforms
+title: Hyperforms
+link: https://hyperforms.app/
+logo: hyperforms.svg
+---
+
+Hyperforms is a game changing form endpoint service that helps you create form to email fast and without any backend code required. Connect your forms to email, SMS and more in just a few clicks.
\ No newline at end of file
diff --git a/src/content/forms/jotform.md b/src/content/forms/jotform.md
index 2163fd2e..a754b9d2 100644
--- a/src/content/forms/jotform.md
+++ b/src/content/forms/jotform.md
@@ -1,8 +1,8 @@
---
path: "services/forms/jotform"
title: "Jotform"
-url: "https://www.jotform.com/"
-logo: "/images/jotform.png"
+link: "https://www.jotform.com/"
+logo: "jotform.png"
---
Has a drag and drop form builder.
diff --git a/src/content/forms/kwes.md b/src/content/forms/kwes.md
index c2eebed8..7dee79e4 100644
--- a/src/content/forms/kwes.md
+++ b/src/content/forms/kwes.md
@@ -1,8 +1,8 @@
---
path: "services/forms/kwes"
title: "Kwes"
-url: "https://kwes.io/"
-logo: "/images/kwes.png"
+link: "https://kwes.io/"
+logo: "kwes.png"
---
Build your own forms, but get cloud submission, validation, fancy field types, logic, and more.
diff --git a/src/content/forms/netlify-forms.md b/src/content/forms/netlify-forms.md
index 54e9fa0f..1c2883c3 100644
--- a/src/content/forms/netlify-forms.md
+++ b/src/content/forms/netlify-forms.md
@@ -1,8 +1,8 @@
---
path: "services/forms/netlify-forms"
title: "Netlify Forms"
-url: "https://www.netlify.com/docs/form-handling/"
-logo: "/images/netlify.png"
+link: "https://www.netlify.com/docs/form-handling/"
+logo: "netlify.png"
---
Just add a 'netlify' attribute to any HTML form and we’ll start processing it. You can setup email, slack or webhook notifications from the admin panel!
diff --git a/src/content/forms/pageclip.md b/src/content/forms/pageclip.md
index 3f8ae04d..21b678f6 100644
--- a/src/content/forms/pageclip.md
+++ b/src/content/forms/pageclip.md
@@ -1,8 +1,8 @@
---
path: "services/forms/pageclip"
title: "Pageclip"
-url: "https://pageclip.co/"
-logo: "/images/pageclip.png"
+link: "https://pageclip.co/"
+logo: "pageclip.png"
---
Point the `action` attribute at a pageclip URL and it saves all the data for you. It can trigger an email notification, or makes the data available as JSON or CSV.
diff --git a/src/content/forms/paperform.md b/src/content/forms/paperform.md
new file mode 100644
index 00000000..facc74fa
--- /dev/null
+++ b/src/content/forms/paperform.md
@@ -0,0 +1,9 @@
+---
+path: "services/forms/paperform"
+title: "Paperform"
+link: "https://paperform.co/"
+logo: "paperform.svg"
+---
+
+Creating web forms with Paperform is just like writing a doc. For creating online forms, payment or product pages.
+Not just questions and answers, you can insert pictures, videos and styled text anywhere on the page.
diff --git a/src/content/forms/smartforms.md b/src/content/forms/smartforms.md
index 8035d39f..188df72c 100644
--- a/src/content/forms/smartforms.md
+++ b/src/content/forms/smartforms.md
@@ -1,8 +1,8 @@
---
path: "services/forms/smartforms"
title: "SmartForms"
-url: "https://smartforms.dev/"
-logo: "/images/smartforms.png"
+link: "https://smartforms.dev/"
+logo: "smartforms.png"
---
-SmartForms is feature rich form backend as a service with custom response page, Zapier integration, Slack & Telegram notifier BOTs, spam protection and more!
\ No newline at end of file
+SmartForms is feature rich form backend as a service with custom response page, Zapier integration, Slack & Telegram notifier BOTs, spam protection and more!
diff --git a/src/content/forms/statickit.md b/src/content/forms/statickit.md
new file mode 100644
index 00000000..64c35a90
--- /dev/null
+++ b/src/content/forms/statickit.md
@@ -0,0 +1,8 @@
+---
+path: "services/forms/statickit"
+title: "Statickit"
+link: "https://statickit.com/"
+logo: "statickit.svg"
+---
+
+StaticKit provides zero-code serverless functions for front-end developers. Sites are configured via a "statickit.json" file that lives in your repository (alongside your website code) and deployed from the command line.
diff --git a/src/content/forms/tally.md b/src/content/forms/tally.md
new file mode 100644
index 00000000..6d36f22d
--- /dev/null
+++ b/src/content/forms/tally.md
@@ -0,0 +1,9 @@
+---
+path: "services/forms/tally"
+title: "Tally"
+link: "https://tally.so/"
+logo: "tally.png"
+---
+
+Tally is a new type of form builder that works like a doc. It makes form building easy and offers tons of powerful features for free.
+99% of Tally's features are available to all users for free and without limits.
diff --git a/src/content/forms/typeform.md b/src/content/forms/typeform.md
index e7368f6b..9a51f824 100644
--- a/src/content/forms/typeform.md
+++ b/src/content/forms/typeform.md
@@ -1,8 +1,8 @@
---
path: "services/forms/typeform"
title: "Typeform"
-url: "https://www.typeform.com/"
-logo: "/images/typeform.png"
+link: "https://www.typeform.com/"
+logo: "typeform.png"
---
Forms with a novel UI/UX where each question is essentially a full page view that slides by.
diff --git a/src/content/forms/web3forms.md b/src/content/forms/web3forms.md
new file mode 100644
index 00000000..4df9fe8f
--- /dev/null
+++ b/src/content/forms/web3forms.md
@@ -0,0 +1,8 @@
+---
+path: services/forms/web3forms
+title: Web3Forms
+link: https://web3forms.com/
+logo: web3forms.svg
+---
+
+Contact Forms for Static Websites. Receive form submissions directly in your email inbox without any server or back-end code. Web3Forms provides 1000 Monthly Submissions & Unlimited Forms for free.
diff --git a/src/content/forms/wufoo.md b/src/content/forms/wufoo.md
index 18324ba0..a6ed5c33 100644
--- a/src/content/forms/wufoo.md
+++ b/src/content/forms/wufoo.md
@@ -1,8 +1,8 @@
---
path: "services/forms/wufoo"
title: "Wufoo"
-url: "https://www.wufoo.com/"
-logo: "/images/wufoo.png"
+link: "https://www.wufoo.com/"
+logo: "wufoo.png"
---
Secure forms. API access to data. Reporting. Logic & Branching. Integrations.
diff --git a/src/content/functions/apex.md b/src/content/functions/apex.md
deleted file mode 100644
index d021ac3b..00000000
--- a/src/content/functions/apex.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-path: "services/functions/apex"
-title: "Apex"
-url: "http://apex.run/"
-logo: "/images/apex.png"
----
-
-Apex lets you build, deploy, and manage AWS Lambda functions with ease. With Apex you can use languages that are not natively supported by AWS Lambda, such as Golang, through the use of a Node.js shim injected into the build. A variety of workflow related tooling is provided for testing functions, rolling back deploys, viewing metrics, tailing logs, hooking into the build system and more.
diff --git a/src/content/functions/architect.md b/src/content/functions/architect.md
index db409f32..4b285661 100644
--- a/src/content/functions/architect.md
+++ b/src/content/functions/architect.md
@@ -1,10 +1,10 @@
---
path: "services/functions/architect"
title: "Architect"
-url: "https://arc.codes/"
-logo: "/images/architect.svg"
+link: "https://arc.codes/"
+logo: "architect.svg"
---
Declaratively define next generation cloud infra with plain text. Build database backed web apps rapidly. Execute long running background tasks (15min), queues, and scheduled jobs. All open source.
-Specifically for AWS.
\ No newline at end of file
+Specifically for AWS.
diff --git a/src/content/functions/azure-functions.md b/src/content/functions/azure-functions.md
index c725ef9d..4d50e46c 100644
--- a/src/content/functions/azure-functions.md
+++ b/src/content/functions/azure-functions.md
@@ -1,8 +1,8 @@
---
path: "services/functions/azure-functions"
title: "Azure Functions"
-url: "https://azure.microsoft.com/en-us/services/functions/"
-logo: "/images/microsoft-azure.png"
+link: "https://azure.microsoft.com/en-us/services/functions/"
+logo: "microsoft-azure.png"
---
-Develop more efficiently with Functions, an event-driven serverless compute platform that can also solve complex orchestration problems. Build and debug locally without additional setup, deploy and operate at scale in the cloud, and integrate services using triggers and bindings.
\ No newline at end of file
+Develop more efficiently with Functions, an event-driven serverless compute platform that can also solve complex orchestration problems. Build and debug locally without additional setup, deploy and operate at scale in the cloud, and integrate services using triggers and bindings.
diff --git a/src/content/functions/claudia.md b/src/content/functions/claudia.md
index acb85a8e..1e7a146a 100644
--- a/src/content/functions/claudia.md
+++ b/src/content/functions/claudia.md
@@ -1,7 +1,8 @@
---
path: services/functions/claudia
title: Claudia
-url: 'https://claudiajs.com/'
-logo: /images/claudiajs.png
+link: "https://claudiajs.com/"
+logo: claudiajs.png
---
+
Claudia isn't a cloud functions provider, it's a Node.js library to help deploy Node functions to AWS Lambda.
diff --git a/src/content/functions/cloudflare-workers.md b/src/content/functions/cloudflare-workers.md
index 80088125..312b2fc5 100644
--- a/src/content/functions/cloudflare-workers.md
+++ b/src/content/functions/cloudflare-workers.md
@@ -1,10 +1,10 @@
---
path: "services/functions/cloudflare-workers"
title: "Cloudflare Workers"
-url: "https://workers.cloudflare.com/"
-logo: "/images/cloudflare.svg"
+link: "https://workers.cloudflare.com/"
+logo: "cloudflare.svg"
---
-Build serverless applications on Cloudflare's global cloud network of data centers in over 180 cities across 80 countries. Cloudflare Workers provides a lightweight JavaScript execution environment that allows developers to augment existing applications or create entirely new ones without configuring or maintaining infrastructure.
+Build serverless applications on Cloudflare's global cloud network of data centers in 250 cities across 100+ countries. Cloudflare Workers provides a lightweight JavaScript execution environment that allows developers to augment existing applications or create entirely new ones without configuring or maintaining infrastructure.
Here's a tutorial from Leonardo Losoviz.
diff --git a/src/content/functions/firebase-functions b/src/content/functions/firebase-functions
new file mode 100644
index 00000000..937c2312
--- /dev/null
+++ b/src/content/functions/firebase-functions
@@ -0,0 +1,8 @@
+---
+path: "services/functions/firebase-functions"
+title: "Firebase Cloud Functions"
+url: "https://firebase.google.com/products/functions"
+logo: "firebase.png"
+---
+
+Create functions that are triggered by Firebase products and conversion events in Analytics.
diff --git a/src/content/functions/functional-fleet.md b/src/content/functions/functional-fleet.md
index 62343f14..2c3c9a98 100644
--- a/src/content/functions/functional-fleet.md
+++ b/src/content/functions/functional-fleet.md
@@ -1,9 +1,8 @@
---
path: "services/functions/functional-fleet"
title: "Functional Fleet"
-url: "https://ffleet.io/"
-logo: "/images/functional-fleet.png"
+link: "https://ffleet.io/"
+logo: "functional-fleet.png"
---
The All-in-one Serverless Platform connected to the power of AWS Lamda. Automated scaling at one place.
-
diff --git a/src/content/functions/google-cloud-functions.md b/src/content/functions/google-cloud-functions.md
index 6951338b..e3983ef5 100644
--- a/src/content/functions/google-cloud-functions.md
+++ b/src/content/functions/google-cloud-functions.md
@@ -1,8 +1,8 @@
---
path: services/functions/google-cloud-functions
title: Google Cloud Functions
-url: "https://cloud.google.com/functions/"
-logo: /images/google-cloud-functions.png
+link: "https://cloud.google.com/functions/"
+logo: google-cloud-functions.png
---
"Event-driven serverless compute platform". There is a web-based console to create them, or a gcloud command line tool.
diff --git a/src/content/functions/hubspot.md b/src/content/functions/hubspot.md
new file mode 100644
index 00000000..2a85a600
--- /dev/null
+++ b/src/content/functions/hubspot.md
@@ -0,0 +1,8 @@
+---
+path: "services/functions/hubspot-cms-hub"
+title: "HubSpot CMS Hub"
+link: "https://designers.hubspot.com/docs/features/serverless-functions"
+logo: "hubspot-cms-hub.png"
+---
+
+Serverless functions on CMS Hub allows developers to easily build powerful web applications by deploying Node.js functions to an endpoint exposed on your website domain. The serverless functions are co-located with the rest of your developer file system and allow configuration of request methods, secrets, environmental variables and more.
diff --git a/src/content/functions/ibm.md b/src/content/functions/ibm.md
index 747f444c..20320123 100644
--- a/src/content/functions/ibm.md
+++ b/src/content/functions/ibm.md
@@ -1,8 +1,8 @@
---
path: "services/functions/ibm"
title: "IBM Cloud Functions"
-url: "https://console.bluemix.net/openwhisk/"
-logo: "/images/ibm-cloud.png"
+link: "https://console.bluemix.net/openwhisk/"
+logo: "ibm-cloud.png"
---
Based on Apache OpenWhisk.
diff --git a/src/content/functions/lambda.md b/src/content/functions/lambda.md
index 79d1d2cc..4794b2ae 100644
--- a/src/content/functions/lambda.md
+++ b/src/content/functions/lambda.md
@@ -1,7 +1,8 @@
---
path: services/functions/lambda
title: AWS Lambda
-url: 'https://aws.amazon.com/lambda/'
-logo: /images/aws.png
+link: "https://aws.amazon.com/lambda/"
+logo: aws.png
---
+
The original cloud functions provider, and probably the biggest. Many other services use AWS Lambda under the hood, for example, Netlify Functions are Lambdas.
diff --git a/src/content/functions/netlify.md b/src/content/functions/netlify.md
index 64f509d6..94ec7604 100644
--- a/src/content/functions/netlify.md
+++ b/src/content/functions/netlify.md
@@ -1,8 +1,8 @@
---
path: "services/functions/netlify"
title: "Netlify"
-url: "https://www.netlify.com/docs/functions/"
-logo: "/images/netlify.png"
+link: "https://www.netlify.com/docs/functions/"
+logo: "netlify.png"
---
Netlify lets you deploy Lambda functions without an AWS account, and with function management handled directly within Netlify. Your functions are version-controlled, built, and deployed along with the rest of your Netlify site, and we will automatically handle service discovery through our built-in API gateway. This eliminates overhead and brings the power of Deploy Previews and rollbacks to your functions.
diff --git a/src/content/functions/nuweba.md b/src/content/functions/nuweba.md
deleted file mode 100644
index 03cac80b..00000000
--- a/src/content/functions/nuweba.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-path: "services/functions/nuweba"
-title: "Nuweba"
-url: "https://nuweba.com"
-logo: "/images/nuweba.png"
----
-
-Nuweba is an ultra-fast and highly-secure FaaS Platform. Nuweba rearchitected serverless from the kernel up to enable companies to use serverless for applications that require scalability, high performance, advanced application security and deep visibility in real-time. Nuweba is compatible with leading serverless platforms, so you can start using Nuweba with only one click and without any changes to your code or configuration.
diff --git a/src/content/functions/realm-functions.md b/src/content/functions/realm-functions.md
index 50b72033..26f726f2 100644
--- a/src/content/functions/realm-functions.md
+++ b/src/content/functions/realm-functions.md
@@ -1,8 +1,8 @@
---
path: "services/functions/realm-functions"
title: "Realm Functions"
-url: "https://docs.realm.io/sync/#realm-functions"
-logo: "/images/realm.svg"
+link: "https://docs.realm.io/sync/#realm-functions"
+logo: "realm.svg"
---
Realm Functions is for adding server-side logic to your app through a web interface.
diff --git a/src/content/functions/serverless.md b/src/content/functions/serverless.md
index c3a8b0dd..dac9750f 100644
--- a/src/content/functions/serverless.md
+++ b/src/content/functions/serverless.md
@@ -1,8 +1,8 @@
---
path: "services/major/serverless"
title: "Serverless Framework"
-url: "https://serverless.com/"
-logo: "/images/serverless.svg"
+link: "https://serverless.com/"
+logo: "serverless.svg"
---
Cloud functions are at the heart of building things in a serverless fashion. Serverless Framework is for helping build those. While it isn't an infrastructure _provider_ itself, it helps you deploy to any of the major providers, which is mighty helpful. It also has a method for running the functions locally, which is very useful for development and testing.
diff --git a/src/content/functions/stackpath.md b/src/content/functions/stackpath.md
index c758364d..db61a09c 100644
--- a/src/content/functions/stackpath.md
+++ b/src/content/functions/stackpath.md
@@ -1,8 +1,8 @@
---
path: "services/functions/stackpath"
title: "StackPath"
-url: "https://www.stackpath.com/products/edgeengine/"
-logo: "/images/stackpath.png"
+link: "https://www.stackpath.com/products/edgeengine/"
+logo: "stackpath.png"
---
Deploy and execute your serverless functions in 45+ edge locations to accelerate app performance.
diff --git a/src/content/functions/stdlib.md b/src/content/functions/stdlib.md
index b42039ab..a3a86349 100644
--- a/src/content/functions/stdlib.md
+++ b/src/content/functions/stdlib.md
@@ -1,8 +1,8 @@
---
path: "services/functions/stdlib"
title: "StdLib"
-url: "https://stdlib.com/"
-logo: "/images/stdlib.png"
+link: "https://stdlib.com/"
+logo: "stdlib.png"
---
StdLib is based on Function as a Service ("server-less") architecture, popularized by AWS Lambda. You can use StdLib to build modular, scalable APIs for yourself and other developers in minutes without having to manage servers, gateways, domains, write documentation, or build SDKs. They also offer Code.xyz, and online code editor for working with the APIs.
diff --git a/src/content/functions/vercel.md b/src/content/functions/vercel.md
new file mode 100644
index 00000000..a1c50b8a
--- /dev/null
+++ b/src/content/functions/vercel.md
@@ -0,0 +1,8 @@
+---
+path: services/functions/vercel
+title: Vercel
+link: https://vercel.com/docs/v2/serverless-functions/introduction
+logo: vercel.png
+---
+
+Vercel (previously Zeit Now) is interesting in that a deployment through it will turn any code it finds that is appropriate into a cloud function you can run. The docs linked to here show that PHP files can be run like that, as well as Node.js, Go, Python, Rust, and Bash.
diff --git a/src/content/functions/webtask.md b/src/content/functions/webtask.md
deleted file mode 100644
index 571957f7..00000000
--- a/src/content/functions/webtask.md
+++ /dev/null
@@ -1,10 +0,0 @@
----
-path: "services/functions/webtask"
-title: "Webtask"
-url: "https://webtask.io/"
-logo: "/images/webtask.png"
----
-
-An in-browser editor for creating and testing cloud functions. They have some [learning curriculum](https://github.com/auth0/webtask-workshop) to get you up to speed with cloud functions.
-
-It used to be a kind of elaborate demonstration of how you could build user-managed cloud functions into your own app via Auth0 Extend, but Auth0 discontinued that product. I'd be a little wary about the future of Webtask, but it sure makes a nice quick way to spin up a cloud function.
diff --git a/src/content/functions/zeit.md b/src/content/functions/zeit.md
deleted file mode 100644
index c1731d72..00000000
--- a/src/content/functions/zeit.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-path: "services/functions/zeit"
-title: "ZEIT"
-url: "https://zeit.co/docs/v2/deployments/concepts/lambdas/"
-logo: "/images/zeit.png"
----
-
-Zeit Now is interesting in that a deployment through it will turn any code it finds that is appropriate into a cloud function you can run. The docs linked to here show that PHP files can be run like that, as well as Node.js, Go, Python, Rust, and Bash.
diff --git a/src/content/hosting/aerobatic.md b/src/content/hosting/aerobatic.md
deleted file mode 100644
index 3966e0a4..00000000
--- a/src/content/hosting/aerobatic.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-path: "services/hosting/aerobatic"
-title: "Aerobatic"
-url: "https://www.aerobatic.com/"
-logo: "/images/aerobatic.png"
----
-
-Built for static sites, but extensible through "plugins" for stuff like redirects and form submissions.
diff --git a/src/content/hosting/amplify-console.md b/src/content/hosting/amplify-console.md
index 5a0b2433..7a3a283f 100644
--- a/src/content/hosting/amplify-console.md
+++ b/src/content/hosting/amplify-console.md
@@ -1,8 +1,8 @@
---
path: "services/hosting/amplify-console"
title: "Amplify Console"
-url: "https://aws.amazon.com/amplify/console/"
-logo: "/images/amplify.jpg"
+link: "https://aws.amazon.com/amplify/console/"
+logo: "amplify.jpg"
---
Hosting for fullstack serverless web apps with continuous deployment, continuous integration, automatic HTTPS, and global atomic deployments.
diff --git a/src/content/hosting/azure-blob.md b/src/content/hosting/azure-blob.md
index ca3c9e9a..c4e4f7a0 100644
--- a/src/content/hosting/azure-blob.md
+++ b/src/content/hosting/azure-blob.md
@@ -1,8 +1,8 @@
---
path: "services/hosting/azure-blob"
title: "Azure Blob Storage"
-url: "https://azure.microsoft.com/en-us/services/storage/blobs/"
-logo: "/images/microsoft-azure.png"
+link: "https://azure.microsoft.com/en-us/services/storage/blobs/"
+logo: "microsoft-azure.png"
---
Azure Storage GPv2 accounts allow you to serve static content (HTML, CSS, JavaScript, and image files) directly from a storage container named `\$web`.
diff --git a/src/content/hosting/cloudflare-pages.md b/src/content/hosting/cloudflare-pages.md
new file mode 100644
index 00000000..3f90d1d3
--- /dev/null
+++ b/src/content/hosting/cloudflare-pages.md
@@ -0,0 +1,9 @@
+---
+path: "services/hosting/cloudflare-pages"
+title: "Cloudflare Pages"
+link: "https://pages.cloudflare.com"
+logo: "cloudflare-pages.svg"
+---
+
+
+Cloudflare Pages is a JAMstack platform for frontend developers to collaborate and deploy websites.
\ No newline at end of file
diff --git a/src/content/hosting/cloudflare-workers.md b/src/content/hosting/cloudflare-workers.md
new file mode 100644
index 00000000..919a2933
--- /dev/null
+++ b/src/content/hosting/cloudflare-workers.md
@@ -0,0 +1,9 @@
+---
+path: "services/hosting/cloudflare-workers"
+title: "Cloudflare Workers"
+link: "https://workers.cloudflare.com/"
+logo: "cloudflare-workers.svg"
+---
+
+
+Workers lets you deploy serverless code instantly across the globe to give it exceptional performance, reliability, and scale.
\ No newline at end of file
diff --git a/src/content/hosting/codepen.md b/src/content/hosting/codepen.md
index c748bc3b..92d0e34d 100644
--- a/src/content/hosting/codepen.md
+++ b/src/content/hosting/codepen.md
@@ -1,8 +1,8 @@
---
path: "services/hosting/codepen"
title: "CodePen Projects"
-url: "https://codepen.io/pro/projects/"
-logo: "/images/codepen.png"
+link: "https://codepen.io/pro/projects/"
+logo: "codepen.png"
---
CodePen Projects gives you a complete file system of your own, with an editor right in your browser.
diff --git a/src/content/hosting/firebase.md b/src/content/hosting/firebase-hosting.md
similarity index 72%
rename from src/content/hosting/firebase.md
rename to src/content/hosting/firebase-hosting.md
index d03a15f0..36eff48b 100644
--- a/src/content/hosting/firebase.md
+++ b/src/content/hosting/firebase-hosting.md
@@ -1,8 +1,8 @@
---
path: "services/hosting/firebase"
-title: "Firebase"
-url: "https://firebase.google.com/docs/hosting/"
-logo: "/images/firebase.png"
+title: "Firebase Hosting"
+link: "https://firebase.google.com/products/hosting"
+logo: "firebase.png"
---
Firebase Hosting is production-grade web content hosting for developers. With Hosting, you can quickly and easily deploy web apps and static content to a global content delivery network (CDN) with a single command.
diff --git a/src/content/hosting/github.md b/src/content/hosting/github.md
index c1f7b6b1..69a347ea 100644
--- a/src/content/hosting/github.md
+++ b/src/content/hosting/github.md
@@ -1,8 +1,8 @@
---
path: "services/hosting/github"
title: "GitHub Pages"
-url: "https://pages.github.com/"
-logo: "/images/github.png"
+link: "https://pages.github.com/"
+logo: "github.svg"
---
Any GitHub repo can become a website with a branch and folder of your choice.
diff --git a/src/content/hosting/gitlab.md b/src/content/hosting/gitlab.md
new file mode 100644
index 00000000..57c15171
--- /dev/null
+++ b/src/content/hosting/gitlab.md
@@ -0,0 +1,8 @@
+---
+path: "services/hosting/gitlab"
+title: "GitLab Pages"
+link: "https://docs.gitlab.com/ee/user/project/pages/"
+logo: "gitlab.svg"
+---
+
+With GitLab Pages, you can publish static websites directly from a repository in GitLab.
\ No newline at end of file
diff --git a/src/content/hosting/laravel-vapor.md b/src/content/hosting/laravel-vapor.md
index 54efbac9..110e398f 100644
--- a/src/content/hosting/laravel-vapor.md
+++ b/src/content/hosting/laravel-vapor.md
@@ -1,8 +1,8 @@
---
path: "services/hosting/laravel-vapor"
title: "Laravel Vapor"
-url: "https://vapor.laravel.com/"
-logo: "/images/laravel-vapor.svg"
+link: "https://vapor.laravel.com/"
+logo: "laravel-vapor.svg"
---
Laravel Vapor is a serverless deployment platform for Laravel, powered by AWS. Launch your Laravel infrastructure on Vapor and fall in love with the scalable simplicity of serverless.
diff --git a/src/content/hosting/netlify.md b/src/content/hosting/netlify.md
index a2a86895..e974d1e7 100644
--- a/src/content/hosting/netlify.md
+++ b/src/content/hosting/netlify.md
@@ -1,8 +1,8 @@
---
path: "services/hosting/netlify"
title: "Netlify"
-url: "https://www.netlify.com/"
-logo: "/images/netlify.png"
+link: "https://www.netlify.com/"
+logo: "netlify.png"
---
Netlify offers essentially very fancy static file hosting that works through great integrations in your Git repos, or via CLI.
diff --git a/src/content/hosting/render.md b/src/content/hosting/render.md
new file mode 100644
index 00000000..866bc47b
--- /dev/null
+++ b/src/content/hosting/render.md
@@ -0,0 +1,9 @@
+---
+path: "services/hosting/render"
+title: "Render Static Sites"
+link: "https://render.com/docs/static-sites"
+logo: "render.svg"
+---
+
+
+Deploying static sites on Render is easy. Link your GitHub or GitLab repo — your site is build every time you push to your repo and serve it over a global CDN with fully managed TLS certificates.
\ No newline at end of file
diff --git a/src/content/hosting/s3.md b/src/content/hosting/s3.md
index 7ee2770a..b76689e9 100644
--- a/src/content/hosting/s3.md
+++ b/src/content/hosting/s3.md
@@ -1,8 +1,8 @@
---
path: "services/hosting/s3"
title: "AWS S3"
-url: "https://aws.amazon.com/s3/"
-logo: "/images/aws.png"
+link: "https://aws.amazon.com/s3/"
+logo: "aws.png"
---
The classic use-case for S3 you might think of first is hosting media files or things like .zip backups, but S3 can host website files like HTML, CSS, and JavaScript too, meaning you could use a bucket for a [JAMstack](https://jamstack.org/) website.
diff --git a/src/content/hosting/surge.md b/src/content/hosting/surge.md
index 7d4ad424..edd73a61 100644
--- a/src/content/hosting/surge.md
+++ b/src/content/hosting/surge.md
@@ -1,8 +1,12 @@
---
path: "services/hosting/surge"
title: "Surge"
-url: "https://surge.sh/"
-logo: "/images/surge.png"
+link: "https://surge.sh/"
+logo: "surge.svg"
---
-A command-line based deployment tool for any framework.
+
+Static web publishing for Front-End Developers.
+Simple, single-command web publishing.
+
+Publish HTML, CSS, and JS for free, without leaving the command line.
\ No newline at end of file
diff --git a/src/content/hosting/vercel.md b/src/content/hosting/vercel.md
new file mode 100644
index 00000000..db416bb6
--- /dev/null
+++ b/src/content/hosting/vercel.md
@@ -0,0 +1,8 @@
+---
+path: services/hosting/vercel
+title: Vercel
+link: "https://vercel.com/"
+logo: vercel.svg
+---
+
+Vercel is a platform that enables users to develop, preview, and ship JAMstack sites.
\ No newline at end of file
diff --git a/src/content/hosting/zeit.md b/src/content/hosting/zeit.md
deleted file mode 100644
index 6aa3c179..00000000
--- a/src/content/hosting/zeit.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-path: "services/hosting/zeit"
-title: "Zeit"
-url: "https://zeit.co/"
-logo: "/images/zeit.png"
----
-
-A command-line based deployment tool for any framework or language.
diff --git a/src/pages/ideas.json b/src/content/ideas.json
similarity index 93%
rename from src/pages/ideas.json
rename to src/content/ideas.json
index 3470fe45..9f13bcdd 100644
--- a/src/pages/ideas.json
+++ b/src/content/ideas.json
@@ -16,7 +16,7 @@
"title": "A Recipe Site",
"icon": "recipe.svg",
"topics": ["Cloud Functions", "Notifications"],
- "description": "{title}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/404.js b/src/pages/404.js
deleted file mode 100644
index 429212f1..00000000
--- a/src/pages/404.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-
-import SEO from "../components/seo";
-
-const NotFoundPage = () => (
- <>
-
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/about.js b/src/pages/about.js
deleted file mode 100644
index 4ccff1be..00000000
--- a/src/pages/about.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import React, { useEffect } from "react";
-import { StaticQuery, graphql } from "gatsby";
-
-import styles from "./about.module.scss";
-
-import SEO from "../components/seo";
-import PageHeader from "../components/pageHeader/pageHeader";
-import Footer from "../components/footer/footer";
-
-export default () => {
- useEffect(() => {
- document.body.classList.remove("homepage");
- document.body.classList.remove("menu-open");
- });
- return (
- {
- const content = data.allMarkdownRemark.edges[0].node;
- return (
- <>
-
+
+
+
+
+
+
diff --git a/src/pages/ideas.js b/src/pages/ideas.js
deleted file mode 100644
index a677352c..00000000
--- a/src/pages/ideas.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import React, { useEffect } from "react";
-
-import styles from "./ideas.module.scss";
-import ideas from "./ideas.json";
-
-import SEO from "../components/seo";
-import PageHeader from "../components/pageHeader/pageHeader";
-import Card from "../components/card/card";
-import Footer from "../components/footer/footer";
-
-const IdeasPage = () => {
- useEffect(() => {
- document.body.classList.remove("homepage");
- document.body.classList.remove("menu-open");
- });
- return (
- <>
-
-
-
-
+
+
+
diff --git a/src/pages/index.js b/src/pages/index.js
deleted file mode 100644
index 3a06a985..00000000
--- a/src/pages/index.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import React, { useEffect } from "react";
-import { Link, withPrefix } from "gatsby";
-
-import styles from "./index.module.scss";
-
-import SEO from "../components/seo";
-
-const Index = () => {
- useEffect(() => {
- document.body.classList.add("homepage");
- document.body.classList.add("menu-open");
- });
- return (
- <>
-
+
+
+
+
+
+
+
+
diff --git a/src/pages/resources.js b/src/pages/resources.js
deleted file mode 100644
index 5f466f95..00000000
--- a/src/pages/resources.js
+++ /dev/null
@@ -1,135 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { StaticQuery, graphql } from "gatsby";
-import { uniq, flatten } from "lodash";
-
-import styles from "./resources.module.scss";
-
-import SEO from "../components/seo";
-import PageHeader from "../components/pageHeader/pageHeader";
-import Card from "../components/card/card";
-import Footer from "../components/footer/footer";
-
-export default () => {
- const [currentFilter, setCurrentFilter] = useState("all");
- const [tagsOpen, setTagOpenState] = useState(false);
- const onTagClick = tag => {
- setCurrentFilter(tag);
- // This isn't working QUITE right. clicking the same tag twice moves it up and down. Weird.
- document.documentElement.scrollTo({
- top: document.querySelector("#grid").getBoundingClientRect().top - 70,
- left: 0,
- behavior: "smooth"
- });
- };
- useEffect(() => {
- document.body.classList.remove("homepage");
- document.body.classList.remove("menu-open");
- });
- return (
-
diff --git a/src/pages/services/auth.js b/src/pages/services/auth.js
deleted file mode 100644
index 93913766..00000000
--- a/src/pages/services/auth.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useEffect } from "react";
-import { StaticQuery, graphql } from "gatsby";
-
-import ServicePage from "../../components/service/service";
-
-export default () => {
- useEffect(() => {
- document.body.classList.remove("homepage");
- });
- return (
-
diff --git a/src/pages/services/cmss.astro b/src/pages/services/cmss.astro
new file mode 100644
index 00000000..97c00d79
--- /dev/null
+++ b/src/pages/services/cmss.astro
@@ -0,0 +1,12 @@
+---
+import ServicePage from "../../components/servicePage/servicePage.astro";
+const data = Astro.fetchContent("../../content/cmss/*.md");
+---
+
+
diff --git a/src/pages/services/cmss.js b/src/pages/services/cmss.js
deleted file mode 100644
index cd1ede3d..00000000
--- a/src/pages/services/cmss.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useEffect } from "react";
-import { StaticQuery, graphql } from "gatsby";
-
-import ServicePage from "../../components/service/service";
-
-export default () => {
- useEffect(() => {
- document.body.classList.remove("homepage");
- });
- return (
-
diff --git a/src/pages/services/data.js b/src/pages/services/data.js
deleted file mode 100644
index 48a05a21..00000000
--- a/src/pages/services/data.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useEffect } from "react";
-import { StaticQuery, graphql } from "gatsby";
-
-import ServicePage from "../../components/service/service";
-
-export default () => {
- useEffect(() => {
- document.body.classList.remove("homepage");
- });
- return (
-
diff --git a/src/pages/services/ecommerce.js b/src/pages/services/ecommerce.js
deleted file mode 100644
index 3dfd3059..00000000
--- a/src/pages/services/ecommerce.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useEffect } from "react";
-import { StaticQuery, graphql } from "gatsby";
-
-import ServicePage from "../../components/service/service";
-
-export default () => {
- useEffect(() => {
- document.body.classList.remove("homepage");
- });
- return (
-
diff --git a/src/pages/services/forms.js b/src/pages/services/forms.js
deleted file mode 100644
index 9ab5aaf3..00000000
--- a/src/pages/services/forms.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useEffect } from "react";
-import { StaticQuery, graphql } from "gatsby";
-
-import ServicePage from "../../components/service/service";
-
-export default () => {
- useEffect(() => {
- document.body.classList.remove("homepage");
- });
- return (
-
diff --git a/src/pages/services/functions.js b/src/pages/services/functions.js
deleted file mode 100644
index 0b85e0de..00000000
--- a/src/pages/services/functions.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useEffect } from "react";
-import { StaticQuery, graphql } from "gatsby";
-
-import ServicePage from "../../components/service/service";
-
-export default () => {
- useEffect(() => {
- document.body.classList.remove("homepage");
- });
- return (
-
diff --git a/src/pages/services/hosting.js b/src/pages/services/hosting.js
deleted file mode 100644
index 2c857201..00000000
--- a/src/pages/services/hosting.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useEffect } from "react";
-import { StaticQuery, graphql } from "gatsby";
-
-import ServicePage from "../../components/service/service";
-
-export default () => {
- useEffect(() => {
- document.body.classList.remove("homepage");
- });
- return (
-
diff --git a/src/pages/services/major.js b/src/pages/services/major.js
deleted file mode 100644
index 4c068c74..00000000
--- a/src/pages/services/major.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import React, { useEffect } from "react";
-import { StaticQuery, graphql } from "gatsby";
-
-import ServicePage from "../../components/service/service";
-
-export default () => {
- useEffect(() => {
- document.body.classList.remove("homepage");
- });
- return (
-
diff --git a/src/pages/services/media.js b/src/pages/services/media.js
deleted file mode 100644
index 335b8f4b..00000000
--- a/src/pages/services/media.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useEffect } from "react";
-import { StaticQuery, graphql } from "gatsby";
-
-import ServicePage from "../../components/service/service";
-
-export default () => {
- useEffect(() => {
- document.body.classList.remove("homepage");
- });
- return (
-
diff --git a/src/pages/services/monitoring.js b/src/pages/services/monitoring.js
deleted file mode 100644
index 8266bc08..00000000
--- a/src/pages/services/monitoring.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import React, { useEffect } from "react";
-import { StaticQuery, graphql } from "gatsby";
-
-import ServicePage from "../../components/service/service";
-
-export default () => {
- useEffect(() => {
- document.body.classList.remove("homepage");
- });
- return (
-
diff --git a/src/pages/services/notifications.js b/src/pages/services/notifications.js
deleted file mode 100644
index 3b127d4c..00000000
--- a/src/pages/services/notifications.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useEffect } from "react";
-import { StaticQuery, graphql } from "gatsby";
-
-import ServicePage from "../../components/service/service";
-
-export default () => {
- useEffect(() => {
- document.body.classList.remove("homepage");
- });
- return (
-
diff --git a/src/pages/services/payments.js b/src/pages/services/payments.js
deleted file mode 100644
index 71dc7a11..00000000
--- a/src/pages/services/payments.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useEffect } from "react";
-import { StaticQuery, graphql } from "gatsby";
-
-import ServicePage from "../../components/service/service";
-
-export default () => {
- useEffect(() => {
- document.body.classList.remove("homepage");
- });
- return (
-
diff --git a/src/pages/services/realtime.js b/src/pages/services/realtime.js
deleted file mode 100644
index 94f88c44..00000000
--- a/src/pages/services/realtime.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useEffect } from "react";
-import { StaticQuery, graphql } from "gatsby";
-
-import ServicePage from "../../components/service/service";
-
-export default () => {
- useEffect(() => {
- document.body.classList.remove("homepage");
- });
- return (
-
diff --git a/src/pages/services/search.js b/src/pages/services/search.js
deleted file mode 100644
index 1933c3ae..00000000
--- a/src/pages/services/search.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useEffect } from "react";
-import { StaticQuery, graphql } from "gatsby";
-
-import ServicePage from "../../components/service/service";
-
-export default () => {
- useEffect(() => {
- document.body.classList.remove("homepage");
- });
- return (
-
diff --git a/src/pages/services/ssgs.js b/src/pages/services/ssgs.js
deleted file mode 100644
index 2010d0be..00000000
--- a/src/pages/services/ssgs.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import React, { useEffect } from "react";
-import { StaticQuery, graphql } from "gatsby";
-
-import ServicePage from "../../components/service/service";
-
-export default () => {
- useEffect(() => {
- document.body.classList.remove("homepage");
- });
- return (
-
{pageSubHeader}
-{intro}
-
- {services.map(({ node }, i) => {
- return (
-
-
-
-
- );
-};
diff --git a/src/components/service/service.module.scss b/src/components/service/service.module.scss
deleted file mode 100644
index 617465ae..00000000
--- a/src/components/service/service.module.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-@import "../bits";
-
-.pageHeader {
- background-image: url("https://res.cloudinary.com/css-tricks/image/upload/c_scale,f_auto,q_auto,w_800/v1558127391/satellite_wezm7k.png"),
- url("https://res.cloudinary.com/css-tricks/image/upload/c_scale,f_auto,q_auto,w_1200/v1558127158/cloud3_v43wo8.png"),
- url("https://res.cloudinary.com/css-tricks/image/upload/c_scale,f_auto,q_auto,w_1200/v1558127567/earth_zxu0ww.png"),
- url("/img/stars.svg");
- background-size: 30%, 60%, 50%, 90%;
- background-position: top right 15%, top right -40px, top 85% right, top center;
- background-repeat: no-repeat;
- @include breakpoint(baby-bear) {
- background-position: top 40% right 5%, top -10% right -40px, top 60% right,
- top center;
- }
-}
diff --git a/src/components/servicePage/servicePage.astro b/src/components/servicePage/servicePage.astro
new file mode 100644
index 00000000..9112163d
--- /dev/null
+++ b/src/components/servicePage/servicePage.astro
@@ -0,0 +1,49 @@
+---
+import BaseLayout from "../../layouts/layout.astro";
+import Card from "../../components/card/card.jsx";
+import PageHeader from "../../components/pageHeader/pageHeader.jsx";
+import Footer from "../../components/footer/footer.jsx";
+
+const { data, pageTitle, pageHeader, pageSubHeader, intro } = Astro.props;
+---
+
+{pageSubHeader}
+{intro}
+
+ {data.map((post) => (
+
+
+
+What if a static site full of featured recipes offered a feature to let you send a text message of the complete recipe to your phone?
A cloud function to send an SMS message through Twilio is a great way to wet your feet with serverless technology. The Twilio Node Helper Library provides a simple example function you can put on something like Webtask and call with a simple form or through JavaScript.
" + "description": "What if a static site full of featured recipes offered a feature to let you send a text message of the complete recipe to your phone?
A cloud function to send an SMS message through Twilio is a great way to wet your feet with serverless technology. The Twilio Node Helper Library provides a simple example function you can put on something like StackPath and call with a simple form or through JavaScript.
" }, { "title": "A To-Do App", diff --git a/src/content/index.md b/src/content/index.md index 7dfb04f6..87092972 100644 --- a/src/content/index.md +++ b/src/content/index.md @@ -10,7 +10,7 @@ Here's one way to think about it: you can take your front-end skills and do thin Consider the bread-and-butter task of saving and reading things from a database. It's possible to connect to a database entirely through front-end code. Technically, the database still exists on a server (someone's else's computer, as [the famous sticker](/images/there-is-no-cloud.jpg) says), but you don't need to spin up your own server for it to have a home. Now this traditionally back-end job has moved to the front-end, empowering a whole new swath of developers to _build things_. -Why bother with doing a database this way? For one thing, it means you can host the rest of your site much more easily. Wanna build a [React](https://reactjs.org/)-powered blog on [GitHub pages](https://pages.github.com/)? You totally can! Wanna use the super fast static file host [Netlify](https://www.netlify.com/) to build a [Vue](https://vuejs.org/) powered portfolio site? Do it. Front-end developers are now full-stack developers thanks to serverless. This new combination of hosting and using JavaScript and APIs to architect a site has a name: [JAMstack](https://jamstack.org/). +Why bother with doing a database this way? For one thing, it means you can host the rest of your site much more easily. Wanna build a [React](https://reactjs.org/)-powered blog on [GitHub pages](https://pages.github.com/)? You totally can! Wanna use the super fast static file host [Netlify](https://www.netlify.com/) to build a [Vue](https://vuejs.org/) powered portfolio site? Do it. Front-end developers are now full-stack developers thanks to serverless. This new combination of hosting and using JavaScript and APIs to architect a site has a name: [Jamstack](https://jamstack.org/). Even [CodePen](https://codepen.io/) is a part of this brave new world. CodePen can be the home of your front-end code that talks to cloud functions and cloud data. Your serverless host in a serverless world! diff --git a/src/content/major/aws.md b/src/content/major/aws.md index a877e35a..39f167db 100644 --- a/src/content/major/aws.md +++ b/src/content/major/aws.md @@ -1,11 +1,10 @@ --- path: "services/major/aws" title: "Amazon Web Services" -url: "https://aws.amazon.com/" -logo: "/images/aws.png" +link: "https://aws.amazon.com/" +logo: "aws.png" --- Lambda (Cloud Functions), S3 (File Storage), Amplify Console (Hosting with CI/CD and HTTPS), AppSync (Realtime GraphQL), and Cognito (Auth) are probably the most relevant things to front-end developers. There are frameworks that help you deploy to Lambda, like Amplify, Claudia, Functional Fleet, Serverless, and Architect. - diff --git a/src/content/major/azure.md b/src/content/major/azure.md index ab8c4155..42ace06e 100644 --- a/src/content/major/azure.md +++ b/src/content/major/azure.md @@ -1,8 +1,8 @@ --- path: "services/major/azure" title: "Microsoft Azure" -url: "https://azure.microsoft.com/" -logo: "/images/microsoft-azure.png" +link: "https://azure.microsoft.com/" +logo: "microsoft-azure.png" --- A major infrastructure provider with solutions for about just everything, and generally considered the least expensive. For working with cloud functions, there is an online editor, but it also allows GitHub sync and integrates directly with VS Code. Data storage is through Cosmos DB. diff --git a/src/content/major/cloudflare.md b/src/content/major/cloudflare.md new file mode 100644 index 00000000..e466fcfb --- /dev/null +++ b/src/content/major/cloudflare.md @@ -0,0 +1,8 @@ +--- +path: "services/major/cloudflare-workers" +title: "Cloudflare" +link: "https://workers.cloudflare.com" +logo: "workers-logo.png" +--- + +Cloudflare provides a serverless execution environment that allows you to create entirely new applications or augment existing ones without configuring or maintaining infrastructure. Workers runs on Cloudflare's global network of data centers in over 200 cities, allowing you to run code within milliseconds of your users worldwide. diff --git a/src/content/major/firebase.md b/src/content/major/firebase.md deleted file mode 100644 index c88bfe45..00000000 --- a/src/content/major/firebase.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -path: "services/major/firebase" -title: "Google Firebase" -url: "https://firebase.google.com/" -logo: "/images/firebase.png" ---- - -Google Firebase is very powerful while being very easy to use. For example, you can run cloud functions, but you don't even need to for most data storage and retrieval or auth. It might be expensive to scale on though. diff --git a/src/content/major/googlecloud.md b/src/content/major/googlecloud.md index f4555e0b..a8e56ed0 100644 --- a/src/content/major/googlecloud.md +++ b/src/content/major/googlecloud.md @@ -1,8 +1,10 @@ --- -path: "services/major/googlecloud" -title: "Google Cloud Platform" -url: "https://cloud.google.com/" -logo: "/images/google-cloud-platform.png" +path: services/major/googlecloud +title: Google Cloud Platform +link: https://cloud.google.com/ +logo: google-cloud-platform.png --- -More of a major infastructure provider in vein of Amazon Web Services than a toolkit for building out an app like Firebase is. +Google has physical infrastructure in data centers around the globe and a long list of services you can build with. + +Google also has Firebase with its own whole collection of products for building serverlessly. diff --git a/src/content/major/zeit.md b/src/content/major/zeit.md deleted file mode 100644 index 557c74c3..00000000 --- a/src/content/major/zeit.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -path: "services/major/zeit" -title: "ZEIT" -url: "https://zeit.co/" -logo: "/images/zeit.png" -tags: ["Cloud Functions", "VMs", "Hosting"] ---- - -Now is a global deployment network built on top of all existing cloud providers. It makes teams productive by removing servers and configuration, giving you a seamless developer experience to build modern scalable web apps. diff --git a/src/content/media/azure-blob.md b/src/content/media/azure-blob.md index 878148d7..052d457a 100644 --- a/src/content/media/azure-blob.md +++ b/src/content/media/azure-blob.md @@ -1,8 +1,8 @@ --- path: "services/media/azure-blob" title: "Azure Blob Storage" -url: "https://azure.microsoft.com/en-us/services/storage/blobs/" -logo: "/images/microsoft-azure.png" +link: "https://azure.microsoft.com/en-us/services/storage/blobs/" +logo: "microsoft-azure.png" --- Azure Blob storage is Microsoft's object storage solution for the cloud. Blob storage is optimized for storing massive amounts of unstructured data. diff --git a/src/content/media/cloudinary.md b/src/content/media/cloudinary.md index ca3b188b..93738c5e 100644 --- a/src/content/media/cloudinary.md +++ b/src/content/media/cloudinary.md @@ -1,8 +1,8 @@ --- path: "services/media/cloudinary" title: "Cloudinary" -url: "https://cloudinary.com/" -logo: "/images/cloudinary.png" +link: "https://cloudinary.com/" +logo: "cloudinary.png" --- Cloudinary does fancy image/video stuff like manipulation and optimization, but will also directly host for you, making it a good fit for serverless projects. diff --git a/src/content/media/filebase.md b/src/content/media/filebase.md index 2fe6f20f..40606963 100644 --- a/src/content/media/filebase.md +++ b/src/content/media/filebase.md @@ -1,8 +1,8 @@ --- path: "services/media/filebase" title: "Filebase" -url: "https://filebase.com/" -logo: "/images/filebase.png" +link: "https://filebase.com/" +logo: "filebase.png" --- Filebase provides S3-compatible object storage at a fraction of the price and it is backed by blockchain technology. diff --git a/src/content/media/filestack.md b/src/content/media/filestack.md index c7c27f07..acb40dc3 100644 --- a/src/content/media/filestack.md +++ b/src/content/media/filestack.md @@ -1,8 +1,8 @@ --- path: "services/media/filestack" title: "Filestack" -url: "https://www.filestack.com/" -logo: "/images/filestack.png" +link: "https://www.filestack.com/" +logo: "filestack.png" --- Offers an all-JavaScript file picker that integrates with other services. They host the uploaded files. diff --git a/src/content/media/firebase-cloud-storage.md b/src/content/media/firebase-cloud-storage.md deleted file mode 100644 index a9cdaa86..00000000 --- a/src/content/media/firebase-cloud-storage.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -path: "services/media/firebase-cloud-storage" -title: "Firebase Cloud Storage" -url: "https://firebase.google.com/docs/storage/web/start" -logo: "/images/firebase.png" ---- - -Cloud Storage is built for app developers who need to store and serve user-generated content, such as photos or videos. diff --git a/src/content/media/firebase-storage.md b/src/content/media/firebase-storage.md new file mode 100644 index 00000000..2ecb18eb --- /dev/null +++ b/src/content/media/firebase-storage.md @@ -0,0 +1,8 @@ +--- +path: "services/media/firebase-cloud-storage" +title: "Firebase Cloud Storage" +link: "https://firebase.google.com/products/storage" +logo: "firebase.png" +--- + +Firebase Cloud Storage is built for app developers who need to store and serve user-generated content, such as photos or videos. diff --git a/src/content/media/goobox.md b/src/content/media/goobox.md index fc005218..6c22ad86 100644 --- a/src/content/media/goobox.md +++ b/src/content/media/goobox.md @@ -1,9 +1,8 @@ --- path: "services/media/goobox" title: "Goobox" -url: "https://s3.goobox.io/" -logo: "/images/goobox.svg" +link: "https://s3.goobox.io/" +logo: "goobox.svg" --- Goobox is a zero-knowledge, end-to-end encrypted file sharing service that utilizes decentralized cloud network Sia for its storage layer. It offers S3-compatible APIs to interact with the storage. - diff --git a/src/content/media/imgix.md b/src/content/media/imgix.md index b861d428..4c61f6d0 100644 --- a/src/content/media/imgix.md +++ b/src/content/media/imgix.md @@ -1,8 +1,8 @@ --- path: "services/media/imgix" title: "imgix" -url: "https://www.imgix.com/" -logo: "/images/imgix_logo.svg" +link: "https://www.imgix.com/" +logo: "imgix_logo.svg" --- - imgix connects to where your images are stored (e.g. S3, GCS) and transforms, optimizes, and intelligently delivers your images using simple and robust URL parameters. +imgix connects to where your images are stored (e.g. S3, GCS) and transforms, optimizes, and intelligently delivers your images using simple and robust URL parameters. diff --git a/src/content/media/kloudless.md b/src/content/media/kloudless.md index 78a882d1..e6c50314 100644 --- a/src/content/media/kloudless.md +++ b/src/content/media/kloudless.md @@ -1,8 +1,8 @@ --- path: "services/media/kloudless" title: "Kloudless" -url: "https://kloudless.com/" -logo: "/images/kloudless.png" +link: "https://kloudless.com/" +logo: "kloudless.png" --- Integrates multiple file storage solutions with one API. diff --git a/src/content/media/s3.md b/src/content/media/s3.md index 9eba8c23..c0738fff 100644 --- a/src/content/media/s3.md +++ b/src/content/media/s3.md @@ -1,8 +1,8 @@ --- path: "services/media/s3" title: "AWS S3" -url: "https://aws.amazon.com/s3/" -logo: "/images/aws.png" +link: "https://aws.amazon.com/s3/" +logo: "aws.png" --- The classic file store. S3 stands for Simple Storage Service. Files are stored in "buckets" and you can configure permissions and policies for access and behavior. diff --git a/src/content/media/supabase-storage.md b/src/content/media/supabase-storage.md new file mode 100644 index 00000000..7dac90d0 --- /dev/null +++ b/src/content/media/supabase-storage.md @@ -0,0 +1,12 @@ +--- +path: "services/media/supabase-storage" +title: "Supabase Storage" +link: "https://supabase.com/storage" +logo: "supabase.svg" +--- + +Store and serve any type of digital content. + +An open source Object store with unlimited scalability, for any file type. + +With custom policies and permissions that are familiar and easy to implement. \ No newline at end of file diff --git a/src/content/media/twicpics.md b/src/content/media/twicpics.md new file mode 100644 index 00000000..c4693605 --- /dev/null +++ b/src/content/media/twicpics.md @@ -0,0 +1,8 @@ +--- +path: "services/media/twicpics" +title: "TwicPics" +link: "https://www.twicpics.com/" +logo: "twicpics.svg" +--- + +TwicPics is a smart media proxy that offers responsive images as service and Web Components for VueJS, React and Svelte. diff --git a/src/content/media/uploadcare.md b/src/content/media/uploadcare.md index da0c1f55..50fcc2f7 100644 --- a/src/content/media/uploadcare.md +++ b/src/content/media/uploadcare.md @@ -1,8 +1,8 @@ --- path: "services/media/uploadcare" title: "Uploadcare" -url: "https://uploadcare.com/" -logo: "/images/uploadcare.png" +link: "https://uploadcare.com/" +logo: "uploadcare.png" --- Full featured file uploader and file storage. diff --git a/src/content/media/zerobit.md b/src/content/media/zerobit.md index 8b3c6377..1939ae00 100644 --- a/src/content/media/zerobit.md +++ b/src/content/media/zerobit.md @@ -1,8 +1,8 @@ --- path: "services/media/zerobit" title: "ZeroBit" -url: "https://zero-bit.io/" -logo: "/images/zerobit.svg" +link: "https://zero-bit.io/" +logo: "zerobit.svg" --- ZeroBit allows developers to easily store content on a secure and permenant cloud with an API. diff --git a/src/content/monitoring/dashbird.md b/src/content/monitoring/dashbird.md index 62a4162e..2eea8f51 100644 --- a/src/content/monitoring/dashbird.md +++ b/src/content/monitoring/dashbird.md @@ -1,8 +1,8 @@ --- path: "services/monitoring/dashbird" title: "Dashbird" -url: "https://dashbird.io/" -logo: "/images/dashbird.png" +link: "https://dashbird.io/" +logo: "dashbird.png" --- Their tagline: AWS Lambda monitoring, alerting and debugging made easy. 2-min setup, no code changes! diff --git a/src/content/monitoring/epsagon.md b/src/content/monitoring/epsagon.md index 4ea905c5..14e6a1f8 100644 --- a/src/content/monitoring/epsagon.md +++ b/src/content/monitoring/epsagon.md @@ -1,8 +1,8 @@ --- path: "services/monitoring/epsagon" title: "Epsagon" -url: "https://www.epsagon.com/" -logo: "/images/epsagon.png" +link: "https://www.epsagon.com/" +logo: "epsagon.png" --- Automated monitoring & troubleshooting for serverless applications, using tracing and logging. Free tier available. diff --git a/src/content/monitoring/iopipe.md b/src/content/monitoring/iopipe.md index 18a68bdf..520bb0bf 100644 --- a/src/content/monitoring/iopipe.md +++ b/src/content/monitoring/iopipe.md @@ -1,8 +1,8 @@ --- path: "services/monitoring/iopipe" title: "IOpipe" -url: "https://www.iopipe.com/" -logo: "/images/iopipe.png" +link: "https://www.iopipe.com/" +logo: "iopipe.png" --- IOpipe is a tool and service that helps you instrument and monitor your functions in dev and production. Free tier available for smaller projects. diff --git a/src/content/monitoring/serverless.md b/src/content/monitoring/serverless.md index 2aa52a8d..015ae315 100644 --- a/src/content/monitoring/serverless.md +++ b/src/content/monitoring/serverless.md @@ -1,8 +1,8 @@ --- -path: "services/monitoring/serverless" -title: "Serverless Framework" -url: "https://serverless.com/" -logo: "/images/serverless.svg" +path: services/monitoring/serverless +title: Serverless Framework PRO +link: "https://serverless.com/monitoring/" +logo: serverless.svg --- The Serverless Framework provides powerful application metrics, with zero configuration required. It includes stacktraces, real-time alerts, notifications and more. Free tier available. diff --git a/src/content/monitoring/thundra.md b/src/content/monitoring/thundra.md index 5f618545..3e1e02eb 100644 --- a/src/content/monitoring/thundra.md +++ b/src/content/monitoring/thundra.md @@ -1,8 +1,8 @@ --- path: "services/monitoring/thundra" title: "Thundra" -url: "https://www.thundra.io/" -logo: "/images/thundra.png" +link: "https://www.thundra.io/" +logo: "thundra.png" --- Their tagline: Full observability for AWS Lambda. Instrument and profile your functions with zero overhead. Gain visiblity to identify and resolve issues faster. diff --git a/src/content/notifications/emailjs.md b/src/content/notifications/emailjs.md index d7430954..f9e0d644 100644 --- a/src/content/notifications/emailjs.md +++ b/src/content/notifications/emailjs.md @@ -1,8 +1,8 @@ --- path: "services/notifications/emailjs" title: "EmailJS" -url: "http://www.emailjs.com/" -logo: "/images/emailjs.png" +link: "http://www.emailjs.com/" +logo: "emailjs.png" --- No server side code required to send email at all. diff --git a/src/content/notifications/firebase-fcm.md b/src/content/notifications/firebase-cm.md similarity index 71% rename from src/content/notifications/firebase-fcm.md rename to src/content/notifications/firebase-cm.md index b3759536..59e1d1d6 100644 --- a/src/content/notifications/firebase-fcm.md +++ b/src/content/notifications/firebase-cm.md @@ -1,8 +1,8 @@ --- path: "services/notifications/firebase-fcm" title: "Firebase Cloud Messaging" -url: "https://firebase.google.com/docs/cloud-messaging" -logo: "/images/firebase.png" +link: "https://firebase.google.com/products/cloud-messaging" +logo: "firebase.png" --- Firebase Cloud Messaging (FCM) is a cross-platform messaging solution that lets you reliably deliver messages at no cost. diff --git a/src/content/notifications/mailgun.md b/src/content/notifications/mailgun.md index 8e4c92f6..5c09b67f 100644 --- a/src/content/notifications/mailgun.md +++ b/src/content/notifications/mailgun.md @@ -1,8 +1,8 @@ --- path: "services/notifications/mailgun" title: "Mailgun" -url: "https://www.mailgun.com/" -logo: "/images/mailgun.png" +link: "https://www.mailgun.com/" +logo: "mailgun.png" --- Email sending service. diff --git a/src/content/notifications/onesignal.md b/src/content/notifications/onesignal.md index 1f3dfdc4..a3344877 100644 --- a/src/content/notifications/onesignal.md +++ b/src/content/notifications/onesignal.md @@ -1,8 +1,8 @@ --- path: "services/notifications/oneignal" title: "OneSignal" -url: "https://onesignal.com/" -logo: "/images/onesignal.png" +link: "https://onesignal.com/" +logo: "onesignal.png" --- For sending Android, iOS, and Web push notifications. diff --git a/src/content/notifications/popcornnotify.md b/src/content/notifications/popcornnotify.md index 9b9d5e4f..d49525b7 100644 --- a/src/content/notifications/popcornnotify.md +++ b/src/content/notifications/popcornnotify.md @@ -1,8 +1,8 @@ --- path: "services/notifications/popcornnotify" title: "PopcornNotify" -url: "https://popcornnotify.com/" -logo: "/images/popcornnotify.png" +link: "https://popcornnotify.com/" +logo: "popcornnotify.png" --- Email and text messages with one JavaScript API. diff --git a/src/content/notifications/postmark.md b/src/content/notifications/postmark.md index 1b769ace..22a06e65 100644 --- a/src/content/notifications/postmark.md +++ b/src/content/notifications/postmark.md @@ -1,8 +1,8 @@ --- path: "services/notifications/postmark" title: "Postmark" -url: "https://postmarkapp.com/" -logo: "/images/postmark.png" +link: "https://postmarkapp.com/" +logo: "postmark.png" --- Transactional email sending service. diff --git a/src/content/notifications/sendgrid.md b/src/content/notifications/sendgrid.md index e7a74bec..90757457 100644 --- a/src/content/notifications/sendgrid.md +++ b/src/content/notifications/sendgrid.md @@ -1,8 +1,8 @@ --- path: "services/notifications/sendgrid" title: "Sendgrid" -url: "https://sendgrid.com/" -logo: "/images/sendgrid.png" +link: "https://sendgrid.com/" +logo: "sendgrid.png" --- Email sending service. Has an email builder tool as well. diff --git a/src/content/notifications/sendinblue.md b/src/content/notifications/sendinblue.md new file mode 100644 index 00000000..c679df46 --- /dev/null +++ b/src/content/notifications/sendinblue.md @@ -0,0 +1,8 @@ +--- +path: "services/notifications/sendinblue" +title: "Sendinblue" +link: "https://www.sendinblue.com/" +logo: "sendinblue.svg" +--- + +Email sending service. Has an email builder tool as well. diff --git a/src/content/notifications/sparkpost.md b/src/content/notifications/sparkpost.md index 4d63c3e7..4f6b97e0 100644 --- a/src/content/notifications/sparkpost.md +++ b/src/content/notifications/sparkpost.md @@ -1,8 +1,8 @@ --- -path: "services/notifications/sparkpost" -title: "Sparkpost" -url: "https://www.sparkpost.com/" -logo: "/images/sparkpost.png" +path: services/notifications/sparkpost +title: SparkPost +link: https://www.sparkpost.com/ +logo: sparkpost.png --- Email sending service with analytics. diff --git a/src/content/notifications/twilio.md b/src/content/notifications/twilio.md index 88833211..b9933acb 100644 --- a/src/content/notifications/twilio.md +++ b/src/content/notifications/twilio.md @@ -1,8 +1,8 @@ --- path: "services/notifications/twilio" title: "Twilio" -url: "https://www.twilio.com/" -logo: "/images/twilio.png" +link: "https://www.twilio.com/" +logo: "twilio.png" --- Twilio offers powerful APIs for text messaging, voice, and video. diff --git a/src/content/payments/braintree.md b/src/content/payments/braintree.md index c456a0e3..8c9fb940 100644 --- a/src/content/payments/braintree.md +++ b/src/content/payments/braintree.md @@ -1,8 +1,8 @@ --- path: "services/payments/paypal" title: "Braintree" -url: "https://www.braintreepayments.com/" -logo: "/images/braintree.png" +link: "https://www.braintreepayments.com/" +logo: "braintree.png" --- Braintree is owned by PayPal, so it is the one other payment service that can take PayPal. The appeal of Braintree is that it makes taking multiple forms of payments (e.g. credit cards and PayPal and Apple Pay, for example) much easier, and through just one set of APIs. diff --git a/src/content/payments/chargebee.md b/src/content/payments/chargebee.md index 34b01a8d..2d27c22f 100644 --- a/src/content/payments/chargebee.md +++ b/src/content/payments/chargebee.md @@ -1,8 +1,8 @@ --- path: "services/payments/chargebee" title: "Chargebee" -url: "https://chargebee.com/" -logo: "/images/chargebee.svg" +link: "https://chargebee.com/" +logo: "chargebee.svg" --- Think of Chargebee as your off-the-shelf, plug-and-play billing solution delivered on the cloud. diff --git a/src/content/payments/chargify.md b/src/content/payments/chargify.md index 88acce8d..dc18c071 100644 --- a/src/content/payments/chargify.md +++ b/src/content/payments/chargify.md @@ -1,8 +1,8 @@ --- path: "services/payments/chargify" title: "Chargify" -url: "https://chargify.com/" -logo: "/images/chargify.svg" +link: "https://chargify.com/" +logo: "chargify.svg" --- A "Revenue Management Framework" to help with payments and be flexible, like run pricing experiments, handle discounts, personalize offers, and provide insight along the way. diff --git a/src/content/payments/moonclerk.md b/src/content/payments/moonclerk.md index f22de00f..46dc2d6f 100644 --- a/src/content/payments/moonclerk.md +++ b/src/content/payments/moonclerk.md @@ -1,8 +1,8 @@ --- path: "services/payments/moonclerk" title: "MoonClerk" -url: "https://www.moonclerk.com/" -logo: "/images/moonclerk.png" +link: "https://www.moonclerk.com/" +logo: "moonclerk.png" --- A no-code-required solution for accepting recurring payments for stuff like digital products, gym memberships, dog walkers, etc. diff --git a/src/content/payments/paypal.md b/src/content/payments/paypal.md index 336850be..ca27f137 100644 --- a/src/content/payments/paypal.md +++ b/src/content/payments/paypal.md @@ -1,8 +1,8 @@ --- path: "services/payments/paypal" title: "PayPal" -url: "https://www.paypal.com/" -logo: "/images/paypal.png" +link: "https://www.paypal.com/" +logo: "paypal.png" --- Something like PayPals very simple [Buy Now buttons](https://developer.paypal.com/docs/classic/paypal-payments-standard/integration-guide/buy_now_step_1/) where you send users to PayPal's websites to buy things, and they are redirected back, are a good match for a static website. diff --git a/src/content/payments/recurly.md b/src/content/payments/recurly.md index 00a30fdc..609c5df9 100644 --- a/src/content/payments/recurly.md +++ b/src/content/payments/recurly.md @@ -1,8 +1,8 @@ --- path: "services/payments/recurly" title: "Recurly" -url: "https://recurly.com/" -logo: "/images/recurly.svg" +link: "https://recurly.com/" +logo: "recurly.svg" --- Recurly is a SaaS-based company providing recurring billing management. Choose from multiple billing models, payment gateways, and payment options. diff --git a/src/content/payments/square.md b/src/content/payments/square.md new file mode 100644 index 00000000..110f0785 --- /dev/null +++ b/src/content/payments/square.md @@ -0,0 +1,8 @@ +--- +path: "services/payments/square" +title: "Square" +link: "https://squareup.com/us/en/online-checkout/" +logo: "square.svg" +--- + +Probably the _second_ most beloved payment service out there, with good clean APIs for dealing with payments, customers, and subscriptions. diff --git a/src/content/payments/stripe.md b/src/content/payments/stripe.md index cefc5e48..aa88f992 100644 --- a/src/content/payments/stripe.md +++ b/src/content/payments/stripe.md @@ -1,8 +1,8 @@ --- path: "services/payments/stripe" title: "Stripe" -url: "https://stripe.com/" -logo: "/images/stripe.png" +link: "https://stripe.com/" +logo: "stripe.png" --- Probably the most beloved payment service out there, with good clean APIs for dealing with payments, customers, and subscriptions. diff --git a/src/content/realtime/appsync.md b/src/content/realtime/appsync.md index 390ff121..a9d3075c 100644 --- a/src/content/realtime/appsync.md +++ b/src/content/realtime/appsync.md @@ -1,8 +1,8 @@ --- path: "services/realtime/aws-appsync" title: "AWS AppSync" -url: "https://aws.amazon.com/appsync/" -logo: "/images/appsync.png" +link: "https://aws.amazon.com/appsync/" +logo: "appsync.png" --- A fully managed database agnostic GraphQL service for building modern applications with first class support for real-time and offline. diff --git a/src/content/realtime/firebase.md b/src/content/realtime/firebase-rtdb.md similarity index 75% rename from src/content/realtime/firebase.md rename to src/content/realtime/firebase-rtdb.md index 817a6ccc..52e681fe 100644 --- a/src/content/realtime/firebase.md +++ b/src/content/realtime/firebase-rtdb.md @@ -1,8 +1,8 @@ --- path: "services/realtime/firebase" -title: "Google Firebase" -url: "https://firebase.google.com/" -logo: "/images/firebase.png" +title: "Firebase Realtime Database" +link: "https://firebase.google.com/products/realtime-database" +logo: "firebase.png" --- The realtime database is very fast and ready to be used for realtime features. You push a change from one client, and any other client that is connected and watching will receive an event to respond to. diff --git a/src/content/realtime/pubnub.md b/src/content/realtime/pubnub.md index 89afddad..99dce6ee 100644 --- a/src/content/realtime/pubnub.md +++ b/src/content/realtime/pubnub.md @@ -1,8 +1,8 @@ --- path: "services/realtime/pubnub" title: "pubnub" -url: "https://www.pubnub.com/" -logo: "/images/pubnub.png" +link: "https://www.pubnub.com/" +logo: "pubnub.png" --- Realtime APIs diff --git a/src/content/realtime/pusher.md b/src/content/realtime/pusher.md index 09484ce1..16faaf83 100644 --- a/src/content/realtime/pusher.md +++ b/src/content/realtime/pusher.md @@ -1,8 +1,8 @@ --- path: "services/realtime/pusher" title: "Pusher" -url: "https://pusher.com/" -logo: "/images/pusher.png" +link: "https://pusher.com/" +logo: "pusher.png" --- Realtime APIs diff --git a/src/content/realtime/realm.md b/src/content/realtime/realm.md index 85412afa..e518cc09 100644 --- a/src/content/realtime/realm.md +++ b/src/content/realtime/realm.md @@ -1,8 +1,8 @@ --- path: "services/realtime/realm" title: "Realm Platform" -url: "https://realm.io/products/realm-platform" -logo: "/images/realm.svg" +link: "https://realm.io/products/realm-platform" +logo: "realm.svg" --- -A service for edge-to-cloud data synchronization. +A service for edge-to-cloud data synchronization. diff --git a/src/content/resources/a-serverless-architecture.md b/src/content/resources/a-serverless-architecture.md index 66e86b6a..008abb41 100644 --- a/src/content/resources/a-serverless-architecture.md +++ b/src/content/resources/a-serverless-architecture.md @@ -1,5 +1,5 @@ --- -url: "https://www.aerobatic.com/blog/a-serverless-cms-architecture/" +link: "https://www.aerobatic.com/blog/a-serverless-cms-architecture/" title: "A Serverless CMS Architecture" author: "Aerobatic" tags: ["architecture"] diff --git a/src/content/resources/all-about.md b/src/content/resources/all-about.md index eed3021d..3ecc9572 100644 --- a/src/content/resources/all-about.md +++ b/src/content/resources/all-about.md @@ -1,5 +1,5 @@ --- -url: "https://cheesecakelabs.com/blog/what-is-serverless-all-about/" +link: "https://cheesecakelabs.com/blog/what-is-serverless-all-about/" title: "What is Serverless all about?" author: "Jonatas Baldin" tags: ["explain"] diff --git a/src/content/resources/amplify-for-teams.md b/src/content/resources/amplify-for-teams.md index 98b6277b..b93180bf 100644 --- a/src/content/resources/amplify-for-teams.md +++ b/src/content/resources/amplify-for-teams.md @@ -1,8 +1,8 @@ --- -url: "https://medium.com/@kurtiskemple/amplify-for-teams-part-1-centralized-workflows-1f0573d29283" +link: "https://medium.com/@kurtiskemple/amplify-for-teams-part-1-centralized-workflows-1f0573d29283" title: "Amplify for Teams" author: "Kurt Kemple" tags: ["hosting", "amplify"] --- -How to implement a shared environment structure needed for you and your team or teams to succeed when building serverless applications with Amplify. \ No newline at end of file +How to implement a shared environment structure needed for you and your team or teams to succeed when building serverless applications with Amplify. diff --git a/src/content/resources/api-on-aws.md b/src/content/resources/api-on-aws.md index 997f1cde..3de2ab60 100644 --- a/src/content/resources/api-on-aws.md +++ b/src/content/resources/api-on-aws.md @@ -1,5 +1,5 @@ --- -url: "https://medium.freecodecamp.org/node-js-apis-on-aws-the-pros-and-cons-of-express-versus-serverless-a370ab7eadd7" +link: "https://medium.freecodecamp.org/node-js-apis-on-aws-the-pros-and-cons-of-express-versus-serverless-a370ab7eadd7" title: "Node.js APIs on AWS — the pros and cons of Express versus Serverless" author: "William Woodhead" tags: ["node", "api", "express", "compare", "lambda"] diff --git a/src/content/resources/bbc-online-with-nanoservices.md b/src/content/resources/bbc-online-with-nanoservices.md index f7debf3c..0005e315 100644 --- a/src/content/resources/bbc-online-with-nanoservices.md +++ b/src/content/resources/bbc-online-with-nanoservices.md @@ -1,5 +1,5 @@ --- -url: "http://www.bbc.co.uk/blogs/internet/entries/5bdabd53-090e-4611-a5d5-4faea05aeb35" +link: "http://www.bbc.co.uk/blogs/internet/entries/5bdabd53-090e-4611-a5d5-4faea05aeb35" title: "Powering BBC Online with nanoservices" author: "Matthew Clark" tags: ["rest", "architecture"] diff --git a/src/content/resources/build-poll.md b/src/content/resources/build-poll.md index ec9e2ebb..489e1c07 100644 --- a/src/content/resources/build-poll.md +++ b/src/content/resources/build-poll.md @@ -1,5 +1,5 @@ --- -url: "https://www.codementor.io/christiannwamba/how-to-build-an-electronic-realtime-poll-in-5-steps-es41iluc9" +link: "https://www.codementor.io/christiannwamba/how-to-build-an-electronic-realtime-poll-in-5-steps-es41iluc9" title: "How to Build an Electronic Realtime Poll in 5 Steps" author: "Christian Nwamba" tags: ["realtime", "how-to"] diff --git a/src/content/resources/building-web-store.md b/src/content/resources/building-web-store.md index 93c5b8b3..ca15ba0d 100644 --- a/src/content/resources/building-web-store.md +++ b/src/content/resources/building-web-store.md @@ -1,5 +1,5 @@ --- -url: "https://serverless.com/blog/2017-04-5-build-webshop-with-graphql-and-serverless/" +link: "https://serverless.com/blog/2017-04-5-build-webshop-with-graphql-and-serverless/" title: "Building a Web Store with GraphQL, Stripe, Mailgun and the Serverless Framework " author: "Søren Bramer" diff --git a/src/content/resources/calculator.md b/src/content/resources/calculator.md index d90b1f9b..e3413ddb 100644 --- a/src/content/resources/calculator.md +++ b/src/content/resources/calculator.md @@ -1,8 +1,8 @@ --- title: "Serverless Cost Calculator" -url: "http://serverlesscalc.com/" +link: "http://serverlesscalc.com/" author: "Peter Sbarski" tags: ["calculator"] --- -Calculating cost for AWS Lambda, Azure Functions, Google Cloud Functions, and IBM OpenWhisk. \ No newline at end of file +Calculating cost for AWS Lambda, Azure Functions, Google Cloud Functions, and IBM OpenWhisk. diff --git a/src/content/resources/changing-development.md b/src/content/resources/changing-development.md index 89809e54..78b026e7 100644 --- a/src/content/resources/changing-development.md +++ b/src/content/resources/changing-development.md @@ -1,8 +1,8 @@ --- title: "Why Serverless Architecture is Changing Software Development" -url: "https://www.youtube.com/watch?v=RkHFJrsx1QA" +link: "https://www.youtube.com/watch?v=RkHFJrsx1QA" author: "David Wells" tags: ["video", "explain"] --- -Explore different use cases for building microservices with Serverless technology. The talk will include real world serverless examples from companies & the open source world. \ No newline at end of file +Explore different use cases for building microservices with Serverless technology. The talk will include real world serverless examples from companies & the open source world. diff --git a/src/content/resources/cloudflare-newsletter.md b/src/content/resources/cloudflare-newsletter.md index 976c8c44..0f5120a9 100644 --- a/src/content/resources/cloudflare-newsletter.md +++ b/src/content/resources/cloudflare-newsletter.md @@ -1,6 +1,6 @@ --- title: "Introducing The Serverlist: Cloudflare's New Serverless Newsletter" -url: "https://blog.cloudflare.com/serverlist-1st-edition/" +link: "https://blog.cloudflare.com/serverlist-1st-edition/" author: "Connor Peshek" tags: ["newsletter", "cloudflare"] --- diff --git a/src/content/resources/compare-cloud-functions.md b/src/content/resources/compare-cloud-functions.md index 444b8b8e..c6fb1260 100644 --- a/src/content/resources/compare-cloud-functions.md +++ b/src/content/resources/compare-cloud-functions.md @@ -1,6 +1,6 @@ --- title: "AWS Lambda vs Azure Functions vs Google Cloud Functions: Comparing Serverless Providers" -url: "https://www.simform.com/aws-lambda-vs-azure-functions-vs-google-functions/" +link: "https://www.simform.com/aws-lambda-vs-azure-functions-vs-google-functions/" author: "Rohit Akiwatkar" tags: ["calculator", "compare", "cloud-functions"] --- diff --git a/src/content/resources/complete-guide-to-authentication.md b/src/content/resources/complete-guide-to-authentication.md index 46d16f5c..7e4a4932 100644 --- a/src/content/resources/complete-guide-to-authentication.md +++ b/src/content/resources/complete-guide-to-authentication.md @@ -1,8 +1,8 @@ --- title: "The Complete Guide to User Authentication with the Amplify Framework" -url: "https://dev.to/dabit3/the-complete-guide-to-user-authentication-with-the-amplify-framework-2inh" +link: "https://dev.to/dabit3/the-complete-guide-to-user-authentication-with-the-amplify-framework-2inh" author: "Nader Dabit" tags: ["amplify", "auth", "react"] --- -In this post, you'll learn how to add authentication to your application using both OAuth with Facebook and Google as well as username & password login. \ No newline at end of file +In this post, you'll learn how to add authentication to your application using both OAuth with Facebook and Google as well as username & password login. diff --git a/src/content/resources/crash-course.md b/src/content/resources/crash-course.md index 3743ff27..70308842 100644 --- a/src/content/resources/crash-course.md +++ b/src/content/resources/crash-course.md @@ -1,6 +1,6 @@ --- title: "A crash course on Serverless with Node.js" -url: "https://hackernoon.com/a-crash-course-on-serverless-with-node-js-632b37d58b44" +link: "https://hackernoon.com/a-crash-course-on-serverless-with-node-js-632b37d58b44" author: "Adnan Rahić" tags: ["cloud-functions", "api-gateway", "monitoring"] --- diff --git a/src/content/resources/creating-graphql-apis-with-amplify.md b/src/content/resources/creating-graphql-apis-with-amplify.md index 7641de75..16a9c198 100644 --- a/src/content/resources/creating-graphql-apis-with-amplify.md +++ b/src/content/resources/creating-graphql-apis-with-amplify.md @@ -1,6 +1,6 @@ --- title: "Creating AWS AppSync GraphQL APIs with AWS Amplify" -url: "https://www.youtube.com/watch?v=p7mwQaGo6P0" +link: "https://www.youtube.com/watch?v=p7mwQaGo6P0" author: "Nader Dabit" tags: ["amplify", "graphql", "api", "video"] --- diff --git a/src/content/resources/custom-html-preprocessor.md b/src/content/resources/custom-html-preprocessor.md deleted file mode 100644 index e51c7df0..00000000 --- a/src/content/resources/custom-html-preprocessor.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -title: "Say You Want To Run A Custom HTML Preprocessor on CodePen" -url: "https://blog.codepen.io/2018/04/30/say-you-want-to-run-a-custom-html-preprocessor-on-codepen/" -author: "Chris Coyier" -tags: ["cloud-functions", "how-to", "webtask"] ---- - -Let's do this all in JavaScript and utilize a serverless cloud function. \ No newline at end of file diff --git a/src/content/resources/data-with-serverless.md b/src/content/resources/data-with-serverless.md index d156df35..4968c53a 100644 --- a/src/content/resources/data-with-serverless.md +++ b/src/content/resources/data-with-serverless.md @@ -1,6 +1,6 @@ --- title: "Exploring Data with Serverless and Vue: Automatically Update GitHub Files With Serverless Functions" -url: "https://css-tricks.com/exploring-data-with-serverless-and-vue-part-i/" +link: "https://css-tricks.com/exploring-data-with-serverless-and-vue-part-i/" author: "Sarah Drasner" tags: ["vue", "github", "cloud-functions"] --- diff --git a/src/content/resources/ecommerce-lambda-stripe.md b/src/content/resources/ecommerce-lambda-stripe.md index 8ddc382b..16d58d7c 100644 --- a/src/content/resources/ecommerce-lambda-stripe.md +++ b/src/content/resources/ecommerce-lambda-stripe.md @@ -1,6 +1,6 @@ --- title: "Building a Serverless E-Commerce App with AWS Lambda, Stripe and React" -url: "https://medium.com/@patrickmichelberger/building-a-serverless-e-commerce-app-with-aws-lambda-stripe-and-react-4663e241710b" +link: "https://medium.com/@patrickmichelberger/building-a-serverless-e-commerce-app-with-aws-lambda-stripe-and-react-4663e241710b" author: "Patrick Michelberger" tags: ["lambda", "stripe", "react", "how-to"] --- diff --git a/src/content/resources/faunadb-jamstack.md b/src/content/resources/faunadb-jamstack.md index e8dedc0d..2a1cafdc 100644 --- a/src/content/resources/faunadb-jamstack.md +++ b/src/content/resources/faunadb-jamstack.md @@ -1,6 +1,6 @@ --- title: "FaunaDB & JAMStack with Chris Anderson" -url: "https://devchat.tv/react-round-up/rru-051-faunadb-jamstack-with-chris-anderson/" +link: "https://devchat.tv/react-round-up/rru-051-faunadb-jamstack-with-chris-anderson/" author: "Justin Bennett" tags: ["podcast", "jamstack", "faunadb"] --- diff --git a/src/content/resources/file-storage-with-cloudinary.md b/src/content/resources/file-storage-with-cloudinary.md deleted file mode 100644 index bc935768..00000000 --- a/src/content/resources/file-storage-with-cloudinary.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -title: "Serverless Tutorial: File Storage with Webtask and Cloudinary" -url: "https://cloudinary.com/blog/serverless_tutorial_file_storage_with_webtask_and_cloudinary" -author: "Christian Nwamba" -tags: ["cloud-functions", "webtask", "media", "cloudinary"] ---- - -Go completely serverless by deploying Functions to Webtask and storing media files on Cloudinary. diff --git a/src/content/resources/firebase-redux.md b/src/content/resources/firebase-redux.md index 26bb44d1..3d7334e6 100644 --- a/src/content/resources/firebase-redux.md +++ b/src/content/resources/firebase-redux.md @@ -1,5 +1,5 @@ --- -url: "https://itnext.io/hooking-up-firebase-to-your-redux-store-a5e799cf84c4" +link: "https://itnext.io/hooking-up-firebase-to-your-redux-store-a5e799cf84c4" title: "Hooking Up Firebase to Your Redux Store" author: "Josh Carlson" tags: ["firebase", "react", "how-to"] diff --git a/src/content/resources/first-steps.md b/src/content/resources/first-steps.md index 0c8610cf..378c4511 100644 --- a/src/content/resources/first-steps.md +++ b/src/content/resources/first-steps.md @@ -1,6 +1,6 @@ --- title: "First Steps with Serverless" -url: "https://css-tricks.com/video-screencasts/163-first-steps-with-serverless/" +link: "https://css-tricks.com/video-screencasts/163-first-steps-with-serverless/" author: "David Wells" tags: ["explain", "video"] --- diff --git a/src/content/resources/gatsby-static-graphql-queries-witth-appsync.md b/src/content/resources/gatsby-static-graphql-queries-witth-appsync.md index d6186445..41d3cf03 100644 --- a/src/content/resources/gatsby-static-graphql-queries-witth-appsync.md +++ b/src/content/resources/gatsby-static-graphql-queries-witth-appsync.md @@ -1,6 +1,6 @@ --- title: "Gatsby Static GraphQL Queries with AWS Amplify & AWS AppSync" -url: "https://www.youtube.com/watch?v=gmHlitxLoCU" +link: "https://www.youtube.com/watch?v=gmHlitxLoCU" author: "Nader Dabit" tags: ["amplify", "graphql", "api", "gatsby", "video"] --- diff --git a/src/content/resources/graphql-api.md b/src/content/resources/graphql-api.md index 7de6f3ab..d690c9fa 100644 --- a/src/content/resources/graphql-api.md +++ b/src/content/resources/graphql-api.md @@ -1,6 +1,6 @@ --- title: "Learn how YOU can build a Serverless GraphQL API on top of a Microservice architecture" -url: "https://dev.to/azure/learn-how-you-can-build-a-serverless-graphql-api-on-top-of-a-microservice-architecture-233g" +link: "https://dev.to/azure/learn-how-you-can-build-a-serverless-graphql-api-on-top-of-a-microservice-architecture-233g" author: "Chris Noring" tags: ["azure", "graphql"] --- diff --git a/src/content/resources/graphql-storage.md b/src/content/resources/graphql-storage.md index 0f89def2..598408a9 100644 --- a/src/content/resources/graphql-storage.md +++ b/src/content/resources/graphql-storage.md @@ -1,8 +1,8 @@ --- title: "How to Manage Image & File Uploads & Downloads with AWS AppSync & AWS Amplify" -url: "https://dev.to/dabit3/graphql-tutorial-how-to-manage-image-file-uploads-downloads-with-aws-appsync-aws-amplify-hga" +link: "https://dev.to/dabit3/graphql-tutorial-how-to-manage-image-file-uploads-downloads-with-aws-appsync-aws-amplify-hga" author: "Nader Dabit" tags: ["graphql", "appsync", "amplify", "s3"] --- -In this tutorial, we’ll learn how to create & query images and files using GraphQL with AWS AppSync, AWS Amplify, and Amazon S3. \ No newline at end of file +In this tutorial, we’ll learn how to create & query images and files using GraphQL with AWS AppSync, AWS Amplify, and Amazon S3. diff --git a/src/content/resources/graphql-with-appsync.md b/src/content/resources/graphql-with-appsync.md index 385f4cfd..ff4ac0a7 100644 --- a/src/content/resources/graphql-with-appsync.md +++ b/src/content/resources/graphql-with-appsync.md @@ -1,6 +1,6 @@ --- title: "Getting into GraphQL with AWS AppSync" -url: "https://css-tricks.com/getting-into-graphql-with-aws-appsync/" +link: "https://css-tricks.com/getting-into-graphql-with-aws-appsync/" author: "Nader Dabit" tags: ["graphql", "appsync"] --- diff --git a/src/content/resources/hosting-and-ci-cd-with-amplify.md b/src/content/resources/hosting-and-ci-cd-with-amplify.md index 8675c180..34c5bda8 100644 --- a/src/content/resources/hosting-and-ci-cd-with-amplify.md +++ b/src/content/resources/hosting-and-ci-cd-with-amplify.md @@ -1,6 +1,6 @@ --- title: "Hosting & Continuous Deployment for Front Ends and Serverless Back Ends using AWS Amplify" -url: "https://www.youtube.com/watch?v=SHBCim7IzG0" +link: "https://www.youtube.com/watch?v=SHBCim7IzG0" author: "Nader Dabit" tags: ["amplify", "hosting", "video"] --- diff --git a/src/content/resources/hosting-custom-domain.md b/src/content/resources/hosting-custom-domain.md index 458dbb0f..d96082fb 100644 --- a/src/content/resources/hosting-custom-domain.md +++ b/src/content/resources/hosting-custom-domain.md @@ -1,8 +1,8 @@ --- title: "How to deploy a custom domain with the Amplify Console" -url: "https://read.acloud.guru/how-to-deploy-a-custom-domain-with-the-amplify-console-a884b6a3c0fc" +link: "https://read.acloud.guru/how-to-deploy-a-custom-domain-with-the-amplify-console-a884b6a3c0fc" author: "Nader Dabit" tags: ["hosting", "amplify"] --- -In this tutorial, we’ll learn how to add a custom domain to an Amplify Console deployment in just a couple of minutes. \ No newline at end of file +In this tutorial, we’ll learn how to add a custom domain to an Amplify Console deployment in just a couple of minutes. diff --git a/src/content/resources/infoq-podcasts.md b/src/content/resources/infoq-podcasts.md index d22285b1..aba3c747 100644 --- a/src/content/resources/infoq-podcasts.md +++ b/src/content/resources/infoq-podcasts.md @@ -1,8 +1,8 @@ --- title: "InfoQ Podcasts on Serverless" -url: "https://www.infoq.com/serverless/podcasts/" +link: "https://www.infoq.com/serverless/podcasts/" author: "Various" tags: ["podcast"] --- -Episodes like Pam Selle talking serverless observability, David Wells talking serverless.com, and Chris Swan on code validation in a serverless enviornment. \ No newline at end of file +Episodes like Pam Selle talking serverless observability, David Wells talking serverless.com, and Chris Swan on code validation in a serverless enviornment. diff --git a/src/content/resources/jamstack-a-complete-beginners-guide.md b/src/content/resources/jamstack-a-complete-beginners-guide.md index 2645c79f..4a53cffc 100644 --- a/src/content/resources/jamstack-a-complete-beginners-guide.md +++ b/src/content/resources/jamstack-a-complete-beginners-guide.md @@ -1,8 +1,9 @@ --- -url: "https://buttercms.com/blog/what-is-jamstack" title: "JAMStack: A Complete Beginner's Guide" -author: "Paweł Dąbrowski" -tags: ["jamstack"] +link: "https://buttercms.com/blog/what-is-jamstack" +author: Paweł Dąbrowski +tags: + - jamstack --- -An in-depth JAMstack guide for beginner's covering the foundations of JAMstack and a complete understanding of it's architecture. It compares the traditional workflow vs Jamstack and highlights the advantages of using Jamstack for developers. It also provides a real-time example of building a site using Jamstack for readers to use as a reference. +An in-depth JAMstack guide for beginner's covering the foundations of JAMstack and a complete understanding of its architecture. It compares the traditional workflow vs Jamstack and highlights the advantages of using Jamstack for developers. It also provides a real-time example of building a site using Jamstack for readers to use as a reference. diff --git a/src/content/resources/jamstack-fundamentals.md b/src/content/resources/jamstack-fundamentals.md index e200b932..ef6d6844 100644 --- a/src/content/resources/jamstack-fundamentals.md +++ b/src/content/resources/jamstack-fundamentals.md @@ -1,5 +1,5 @@ --- -url: "https://www.smashingmagazine.com/2019/06/jamstack-fundamentals-what-what-how/" +link: "https://www.smashingmagazine.com/2019/06/jamstack-fundamentals-what-what-how/" title: "https://www.smashingmagazine.com/2019/06/jamstack-fundamentals-what-what-how/" author: "Vitaly Friedman" tags: ["jamstack", "video"] diff --git a/src/content/resources/jamstack-radio.md b/src/content/resources/jamstack-radio.md index a58da362..44e12b51 100644 --- a/src/content/resources/jamstack-radio.md +++ b/src/content/resources/jamstack-radio.md @@ -1,8 +1,8 @@ --- title: "JAMstack Radio" -url: "https://www.heavybit.com/library/podcasts/jamstack-radio/" +link: "https://www.heavybit.com/library/podcasts/jamstack-radio/" author: "Various" tags: ["podcast"] --- -Episodes like Tanmai Gopal talking GraphQL querying, Kenton Varda talking originless code, and Ado Kukic talking auth. \ No newline at end of file +Episodes like Tanmai Gopal talking GraphQL querying, Kenton Varda talking originless code, and Ado Kukic talking auth. diff --git a/src/content/resources/jamstack-with-gatsby-and-amplify.md b/src/content/resources/jamstack-with-gatsby-and-amplify.md index 5c781cde..4a797f3f 100644 --- a/src/content/resources/jamstack-with-gatsby-and-amplify.md +++ b/src/content/resources/jamstack-with-gatsby-and-amplify.md @@ -1,8 +1,8 @@ --- -url: "https://medium.com/hackernoon/building-jamstack-applications-with-gatsby-and-aws-amplify-framework-d7e2b9e7117e" +link: "https://medium.com/hackernoon/building-jamstack-applications-with-gatsby-and-aws-amplify-framework-d7e2b9e7117e" title: "Building JAMstack Applications with Gatsby and AWS Amplify Framework" author: "Kurt Kemple" tags: ["jamstack", "gatsby", "amplify"] --- -How to build a JAMstack application with features like authentication, GraphQL APIs, and hosting using the Amplify Framework and Amplify Console. \ No newline at end of file +How to build a JAMstack application with features like authentication, GraphQL APIs, and hosting using the Amplify Framework and Amplify Console. diff --git a/src/content/resources/lambda-vs-google.md b/src/content/resources/lambda-vs-google.md index b9e178f3..4585f7ba 100644 --- a/src/content/resources/lambda-vs-google.md +++ b/src/content/resources/lambda-vs-google.md @@ -1,6 +1,6 @@ --- title: "Serverless Showdown: AWS Lambda vs Firebase Google Cloud Functions" -url: "https://medium.com/@ste.grider/serverless-showdown-aws-lambda-vs-firebase-google-cloud-functions-cc7529bcfa7d" +link: "https://medium.com/@ste.grider/serverless-showdown-aws-lambda-vs-firebase-google-cloud-functions-cc7529bcfa7d" author: "Stephen Grider" tags: ["compare", "google-cloud", "firebase", "lambda"] --- diff --git a/src/content/resources/link-shortner-latte.md b/src/content/resources/link-shortner-latte.md index ee9a506c..fb489609 100644 --- a/src/content/resources/link-shortner-latte.md +++ b/src/content/resources/link-shortner-latte.md @@ -1,6 +1,6 @@ --- title: "Build a Serverless Link Shortener with Analytics Faster than Finishing your Latte" -url: "https://blog.jeremylikness.com/build-a-serverless-link-shortener-with-analytics-faster-than-finishing-your-latte-8c094bb1df2c" +link: "https://blog.jeremylikness.com/build-a-serverless-link-shortener-with-analytics-faster-than-finishing-your-latte-8c094bb1df2c" author: "Jeremy Likness" tags: ["azure", "cloud-functions", "database"] --- diff --git a/src/content/resources/made-with-serverless.md b/src/content/resources/made-with-serverless.md index e473a8c7..339ea061 100644 --- a/src/content/resources/made-with-serverless.md +++ b/src/content/resources/made-with-serverless.md @@ -1,5 +1,5 @@ --- -url: "http://madewithserverless.com/" +link: "http://madewithserverless.com/" title: "Made With Serverless" author: "Simform" tags: ["architecture"] diff --git a/src/content/resources/migrated-startup.md b/src/content/resources/migrated-startup.md index 19b36e93..801661cc 100644 --- a/src/content/resources/migrated-startup.md +++ b/src/content/resources/migrated-startup.md @@ -1,8 +1,8 @@ --- -url: "https://read.acloud.guru/our-serverless-journey-part-2-908d76d03716" +link: "https://read.acloud.guru/our-serverless-journey-part-2-908d76d03716" title: "How we migrated our startup to serverless" author: "Ivan Montiel" tags: ["architecture"] --- -Moving our startup to simple stateless serverless functions has a few hurdles, and AWS Lambda has a few quirks that requires some trial and error. But at the the end the journey, we managed to _eliminate all of our EC2 instances_ and we’re now running all our code using AWS Lambda. \ No newline at end of file +Moving our startup to simple stateless serverless functions has a few hurdles, and AWS Lambda has a few quirks that requires some trial and error. But at the the end the journey, we managed to _eliminate all of our EC2 instances_ and we’re now running all our code using AWS Lambda. diff --git a/src/content/resources/need-to-store-data.md b/src/content/resources/need-to-store-data.md index 87929ff7..66b603f9 100644 --- a/src/content/resources/need-to-store-data.md +++ b/src/content/resources/need-to-store-data.md @@ -1,6 +1,6 @@ --- title: "Need to store some data?" -url: "https://blog.codepen.io/2018/06/07/need-to-store-some-data/" +link: "https://blog.codepen.io/2018/06/07/need-to-store-some-data/" author: "Chris Coyier" tags: ["database"] --- diff --git a/src/content/resources/node-apis-serverless.md b/src/content/resources/node-apis-serverless.md index 3b9322d0..cb2882ab 100644 --- a/src/content/resources/node-apis-serverless.md +++ b/src/content/resources/node-apis-serverless.md @@ -1,8 +1,8 @@ --- title: "Build Nodejs APIs using Serverless" -url: "https://www.youtube.com/watch?v=837zPKooaaU" +link: "https://www.youtube.com/watch?v=837zPKooaaU" author: "Simona Cotin" tags: ["video", "node", "api"] --- -Discover how to migrate an API of an existing app to Azure Functions. You'll learn how to use Visual Studio Code and the Azure Functions extension to speed up your work. \ No newline at end of file +Discover how to migrate an API of an existing app to Azure Functions. You'll learn how to use Visual Studio Code and the Azure Functions extension to speed up your work. diff --git a/src/content/resources/openwhisk-app.md b/src/content/resources/openwhisk-app.md index d7815d22..ce0a6f74 100644 --- a/src/content/resources/openwhisk-app.md +++ b/src/content/resources/openwhisk-app.md @@ -1,5 +1,5 @@ --- -url: "http://www.oreilly.com/programming/free/developing-serverless-applications.csp" +link: "http://www.oreilly.com/programming/free/developing-serverless-applications.csp" title: "Developing Serverless Applications: A Practical Introduction with Apache OpenWhisk" author: "Raymond Camden" tags: ["cloud-functions", "openwhisk"] diff --git a/src/content/resources/payments-stripe-lambda.md b/src/content/resources/payments-stripe-lambda.md index 83fd3b1b..544a26aa 100644 --- a/src/content/resources/payments-stripe-lambda.md +++ b/src/content/resources/payments-stripe-lambda.md @@ -1,5 +1,5 @@ --- -url: "https://yos.io/2017/06/22/serverless-stripe/" +link: "https://yos.io/2017/06/22/serverless-stripe/" title: "Serverless Payments with Stripe and AWS Lambda" author: "Yos Riady" tags: ["lambda", "stripe"] diff --git a/src/content/resources/push-with-firebase.md b/src/content/resources/push-with-firebase.md index ad101f9a..ebc97d84 100644 --- a/src/content/resources/push-with-firebase.md +++ b/src/content/resources/push-with-firebase.md @@ -1,6 +1,6 @@ --- title: "Web Push Notifications with Firebase" -url: "https://bitsofco.de/web-push-notifications-with-firebase/" +link: "https://bitsofco.de/web-push-notifications-with-firebase/" author: "Ire Aderinokun" tags: ["push-notifications", "firebase", "how-to", "video"] --- diff --git a/src/content/resources/raindrops.md b/src/content/resources/raindrops.md index 432c61ed..5a5ff21a 100644 --- a/src/content/resources/raindrops.md +++ b/src/content/resources/raindrops.md @@ -1,6 +1,6 @@ --- title: "Raindrops on roses, whiskers on kittens, declarative web APIs and truly serverless web endpoints" -url: "https://medium.com/samsung-internet-dev/raindrops-on-roses-whiskers-on-kittens-declarative-web-apis-and-truly-serverless-web-endpoints-50d733e6d867" +link: "https://medium.com/samsung-internet-dev/raindrops-on-roses-whiskers-on-kittens-declarative-web-apis-and-truly-serverless-web-endpoints-50d733e6d867" author: "Ada Rose Cannon" tags: ["auth", "cloud-functions"] --- diff --git a/src/content/resources/react-authentication-amplify.md b/src/content/resources/react-authentication-amplify.md new file mode 100644 index 00000000..16b03cbc --- /dev/null +++ b/src/content/resources/react-authentication-amplify.md @@ -0,0 +1,8 @@ +--- +title: "The Step-by-step Guide to NextJS Authentication with AWS Amplify (React)" +link: "https://creativedesignsguru.com/next-js-aws-amplify-cognito-oauth/" +author: "Remi Weng" +tags: ["amplify", "react", "how-to", "auth"] +--- + +In this tutorial, you'll learn how to add authentication to your NextJS application with AWS Amplify. Add a social login button to your website in minutes. Amplify will set up Amazon Cognito for you and it also provides React components you can use. diff --git a/src/content/resources/saved-70-percent.md b/src/content/resources/saved-70-percent.md index cfe4a969..67983e34 100644 --- a/src/content/resources/saved-70-percent.md +++ b/src/content/resources/saved-70-percent.md @@ -1,8 +1,8 @@ --- title: "How serverless reduced our costs by 70%" -url: "https://read.acloud.guru/how-going-serverless-helped-us-reduce-costs-by-70-255adb87b093" +link: "https://read.acloud.guru/how-going-serverless-helped-us-reduce-costs-by-70-255adb87b093" author: "Mohsiur Rahman" tags: ["lambda"] --- -After a $30K invoice in September, our AWS bill for the month of December is projected to be less than $4,000. Just as important, the new approach is saving our developers hours per day with minimal monitoring. \ No newline at end of file +After a $30K invoice in September, our AWS bill for the month of December is projected to be less than $4,000. Just as important, the new approach is saving our developers hours per day with minimal monitoring. diff --git a/src/content/resources/serverless-app.md b/src/content/resources/serverless-app.md index 58edc9c6..97cb1f01 100644 --- a/src/content/resources/serverless-app.md +++ b/src/content/resources/serverless-app.md @@ -1,6 +1,6 @@ --- title: "I just deployed a serverless app — and I can’t code. Here’s how I did it." -url: "https://medium.freecodecamp.org/i-just-deployed-a-serverless-app-and-i-cant-code-here-s-how-i-did-it-94983d7b43bd" +link: "https://medium.freecodecamp.org/i-just-deployed-a-serverless-app-and-i-cant-code-here-s-how-i-did-it-94983d7b43bd" author: "Andrea Passwater" tags: ["lambda"] --- diff --git a/src/content/resources/serverless-architectures.md b/src/content/resources/serverless-architectures.md index 988dd6d8..7be0928b 100644 --- a/src/content/resources/serverless-architectures.md +++ b/src/content/resources/serverless-architectures.md @@ -1,8 +1,8 @@ --- title: "Serverless Architectures" -url: "https://martinfowler.com/articles/serverless.html" +link: "https://martinfowler.com/articles/serverless.html" author: "Mike Roberts" tags: ["architecture", "compare", "explain"] --- -But what is Serverless, and why is (or isn't) it worth considering? In this article I hope to enlighten you a little on these questions. \ No newline at end of file +But what is Serverless, and why is (or isn't) it worth considering? In this article I hope to enlighten you a little on these questions. diff --git a/src/content/resources/serverless-blog-codepen.md b/src/content/resources/serverless-blog-codepen.md index 1d63586c..14f687db 100644 --- a/src/content/resources/serverless-blog-codepen.md +++ b/src/content/resources/serverless-blog-codepen.md @@ -1,6 +1,6 @@ --- title: "How to Build a Serverless Blog on CodePen" -url: "https://blog.codepen.io/2018/01/15/build-serverless-blog-codepen/" +link: "https://blog.codepen.io/2018/01/15/build-serverless-blog-codepen/" author: "Kitt Hodsden" tags: ["firebase", "blog", "how-to", "cms"] --- diff --git a/src/content/resources/serverless-chats-podcast.md b/src/content/resources/serverless-chats-podcast.md index e2836385..9cbe479c 100644 --- a/src/content/resources/serverless-chats-podcast.md +++ b/src/content/resources/serverless-chats-podcast.md @@ -1,8 +1,8 @@ --- title: "Serverless Chats" -url: "https://www.serverlesschats.com/" +link: "https://www.serverlesschats.com/" author: "Jeremy Daly & Various Guests" tags: ["podcast"] --- -Weekly episodes where serverless advocate Jeremy Daly chats with industry experts to explore specific topics in the world of all things serverless. \ No newline at end of file +Weekly episodes where serverless advocate Jeremy Daly chats with industry experts to explore specific topics in the world of all things serverless. diff --git a/src/content/resources/serverless-cms.md b/src/content/resources/serverless-cms.md index a036e19a..731e3742 100644 --- a/src/content/resources/serverless-cms.md +++ b/src/content/resources/serverless-cms.md @@ -1,6 +1,6 @@ --- title: "Build a Custom CMS for a Serverless Static Site Generator" -url: "https://css-tricks.com/build-custom-cms-serverless-static-site-generator/" +link: "https://css-tricks.com/build-custom-cms-serverless-static-site-generator/" author: "John Polacek" tags: ["static-site-generator", "cms", "s3"] --- diff --git a/src/content/resources/serverless-comments.md b/src/content/resources/serverless-comments.md index fcd2de6c..1b3ba26e 100644 --- a/src/content/resources/serverless-comments.md +++ b/src/content/resources/serverless-comments.md @@ -1,6 +1,6 @@ --- title: "Building a Serverless Comments System" -url: "https://css-tricks.com/build-custom-cms-serverless-static-site-generator/" +link: "https://css-tricks.com/build-custom-cms-serverless-static-site-generator/" author: "James Wren" tags: ["dynamodb", "appsync", "graphql"] --- diff --git a/src/content/resources/serverless-complete-guide.md b/src/content/resources/serverless-complete-guide.md index d2b1ecfc..da4f6635 100644 --- a/src/content/resources/serverless-complete-guide.md +++ b/src/content/resources/serverless-complete-guide.md @@ -1,6 +1,6 @@ --- title: "Building Your Next Serverless Application: The Complete Guide" -url: "https://medium.com/google-developer-experts/building-your-next-serverless-application-the-complete-guide-98e48f85bd3c" +link: "https://medium.com/google-developer-experts/building-your-next-serverless-application-the-complete-guide-98e48f85bd3c" author: "Wassim Chegham" tags: ["cloud-functions", "architecture", "google-cloud", "twilio"] --- diff --git a/src/content/resources/serverless-contact-form.md b/src/content/resources/serverless-contact-form.md index bb0cf8d5..e495d28d 100644 --- a/src/content/resources/serverless-contact-form.md +++ b/src/content/resources/serverless-contact-form.md @@ -1,6 +1,6 @@ --- title: "Building A Serverless Contact Form For Your Static Site" -url: "https://www.smashingmagazine.com/2018/05/building-serverless-contact-form-static-website/" +link: "https://www.smashingmagazine.com/2018/05/building-serverless-contact-form-static-website/" author: "Brian Holt" tags: ["lambda", "email"] --- diff --git a/src/content/resources/serverless-containers.md b/src/content/resources/serverless-containers.md index e4016176..fecaf507 100644 --- a/src/content/resources/serverless-containers.md +++ b/src/content/resources/serverless-containers.md @@ -1,6 +1,6 @@ --- title: "Serverless vs Containers: Comparing your Application Deployment Options" -url: "https://www.simform.com/serverless-architecture-guide/" +link: "https://www.simform.com/serverless-architecture-guide/" author: "Jignesh Solanki" tags: ["architecture"] --- diff --git a/src/content/resources/serverless-functions-in-depth.md b/src/content/resources/serverless-functions-in-depth.md index 43e2497f..82f550b1 100644 --- a/src/content/resources/serverless-functions-in-depth.md +++ b/src/content/resources/serverless-functions-in-depth.md @@ -1,6 +1,6 @@ --- title: "Serverless Functions in Depth with AWS Amplify" -url: "https://www.youtube.com/watch?v=y4Obz26GkCk" +link: "https://www.youtube.com/watch?v=y4Obz26GkCk" author: "Nader Dabit" tags: ["amplify", "lambda", "api", "video"] --- diff --git a/src/content/resources/serverless-graphql.md b/src/content/resources/serverless-graphql.md index ced1373f..edcb2e92 100644 --- a/src/content/resources/serverless-graphql.md +++ b/src/content/resources/serverless-graphql.md @@ -1,6 +1,6 @@ --- title: "Serverless GraphQL with Netlify Dev" -url: "https://www.youtube.com/watch?v=rCYOpTQReD4" +link: "https://www.youtube.com/watch?v=rCYOpTQReD4" author: "Shawn Wang" tags: ["video", "graphql", "netlify"] --- diff --git a/src/content/resources/serverless-podcast.md b/src/content/resources/serverless-podcast.md index c9db54f1..6c7887c6 100644 --- a/src/content/resources/serverless-podcast.md +++ b/src/content/resources/serverless-podcast.md @@ -1,6 +1,6 @@ --- title: "Serverless Podcast" -url: "https://soundcloud.com/serverlesspodcast" +link: "https://soundcloud.com/serverlesspodcast" author: "Various Hosts & Guests" tags: ["podcast"] --- diff --git a/src/content/resources/serverless-rest-api.md b/src/content/resources/serverless-rest-api.md index c811ec83..1f156578 100644 --- a/src/content/resources/serverless-rest-api.md +++ b/src/content/resources/serverless-rest-api.md @@ -1,6 +1,6 @@ --- title: "A Serverless REST API in Minutes with the Serverless Framework" -url: "https://blog.codeship.com/a-serverless-rest-api-in-minutes/" +link: "https://blog.codeship.com/a-serverless-rest-api-in-minutes/" author: "Austen Collins" tags: ["rest", "api"] --- diff --git a/src/content/resources/serverless-revolution.md b/src/content/resources/serverless-revolution.md index a94095f7..d6687dd2 100644 --- a/src/content/resources/serverless-revolution.md +++ b/src/content/resources/serverless-revolution.md @@ -1,5 +1,5 @@ --- -url: "https://thewebivore.com/serverless-revolution-for-everyone/" +link: "https://thewebivore.com/serverless-revolution-for-everyone/" title: "The Serverless Revolution for Everyone" author: "Pam Selle" tags: ["lambda", "stripe"] diff --git a/src/content/resources/serverless-security.md b/src/content/resources/serverless-security.md new file mode 100644 index 00000000..ed1e144e --- /dev/null +++ b/src/content/resources/serverless-security.md @@ -0,0 +1,8 @@ +--- +link: "https://info.snyk.io/oreilly-serverless-security" +title: "O'Reilly Serverless Security" +author: "Guy Podjarny & Liran Tal" +tags: ["architecture", "security"] +--- + +Serverless is taking the cloud native world by storm. This new approach promises extraordinary value, from increased developer productivity to dramatic cost savings. In some aspects, serverless also boasts significant security advantages compared to the server model. But as this practical report explains, securing serverless still requires diligence from the developers and application security professionals involved in the process. Guy Podjarny and Liran Tal from Snyk examine the significant benefits that serverless brings to application security, as well as the considerable risks involved when you configure a serverless system. You’ll also learn a platform-agnostic security model known as CLAD that will help you address Code vulnerabilities, Library vulnerabilities, Access and permissions, and Data security. diff --git a/src/content/resources/serverless-sms-hub.md b/src/content/resources/serverless-sms-hub.md index 23c3e263..117b88c4 100644 --- a/src/content/resources/serverless-sms-hub.md +++ b/src/content/resources/serverless-sms-hub.md @@ -1,6 +1,6 @@ --- title: 'Build a "Serverless" SMS Hub in Under 7 Minutes with Node.js, StdLib, and MessageBird' -url: "https://medium.com/stdlibhq/build-a-serverless-sms-hub-in-under-7-minutes-with-node-js-stdlib-and-messagebird-7d2d41ecaea6" +link: "https://medium.com/stdlibhq/build-a-serverless-sms-hub-in-under-7-minutes-with-node-js-stdlib-and-messagebird-7d2d41ecaea6" author: "Jacob Lee" tags: ["notifications", "sms"] --- diff --git a/src/content/resources/serverless-stack.md b/src/content/resources/serverless-stack.md index 846cc939..f1d0157c 100644 --- a/src/content/resources/serverless-stack.md +++ b/src/content/resources/serverless-stack.md @@ -1,8 +1,8 @@ --- title: "Serverless Stack" -url: "https://serverless-stack.com/" +link: "https://serverless-stack.com/" author: "Anomaly Innovations" tags: ["architecture", "how-to", "react"] --- -This starter kit adds a light layer on top of the Serverless framework, giving you the latest in modern JavaScript—ESNext (Webpack + Babel), testing (Jest), code linting (ESLint), and code formatting (Prettier)—plus the ease and power of Serverless. \ No newline at end of file +Serverless Stack is a completely free resource to help you build full-stack production ready Serverless applications. First, you'll learn how to build a note taking app using Serverless and React on AWS. Then you'll learn the best practices to run your app in production. diff --git a/src/content/resources/serverless-starter-kit.md b/src/content/resources/serverless-starter-kit.md index c304a38e..61d2f2d2 100644 --- a/src/content/resources/serverless-starter-kit.md +++ b/src/content/resources/serverless-starter-kit.md @@ -1,8 +1,8 @@ --- title: "Introducing Postlight’s Modern Serverless Starter Kit" -url: "https://postlight.com/trackchanges/introducing-postlights-modern-serverless-starter-kit" +link: "https://postlight.com/trackchanges/introducing-postlights-modern-serverless-starter-kit" author: "Adam Pash" tags: ["cloud-functions"] --- -This starter kit adds a light layer on top of the Serverless framework, giving you the latest in modern JavaScript—ESNext (Webpack + Babel), testing (Jest), code linting (ESLint), and code formatting (Prettier)—plus the ease and power of Serverless. \ No newline at end of file +This starter kit adds a light layer on top of the Serverless framework, giving you the latest in modern JavaScript—ESNext (Webpack + Babel), testing (Jest), code linting (ESLint), and code formatting (Prettier)—plus the ease and power of Serverless. diff --git a/src/content/resources/serverslol.md b/src/content/resources/serverslol.md index 8c627545..14e717ec 100644 --- a/src/content/resources/serverslol.md +++ b/src/content/resources/serverslol.md @@ -1,6 +1,6 @@ --- title: "servers.lol" -url: "https://servers.lol/" +link: "https://servers.lol/" author: "IOpipe" tags: ["calculator", "explain"] --- diff --git a/src/content/resources/state-of-jamstack-2020-report.md b/src/content/resources/state-of-jamstack-2020-report.md new file mode 100644 index 00000000..97edfd7e --- /dev/null +++ b/src/content/resources/state-of-jamstack-2020-report.md @@ -0,0 +1,10 @@ +--- +title: State of Jamstack 2020 report +link: "https://tracker.kontent.ai/942894/the-state-of-jamstack-report-2020" +author: Kentico Kontent +tags: + - jamstack + - report +--- + +The Jamstack has experienced an incredible increase in popularity and usage in recent years. Seeing this trend in web and app development, this report summarizes a closer look at the current state of Jamstack’s adoption and use and displays results from a global survey conducted among hundreds of developers from the US, the UK, Germany, and Australia. diff --git a/src/content/resources/static-hugo-firebase.md b/src/content/resources/static-hugo-firebase.md index 99abae4e..678e4c03 100644 --- a/src/content/resources/static-hugo-firebase.md +++ b/src/content/resources/static-hugo-firebase.md @@ -1,6 +1,6 @@ --- title: "Static Site with Hugo and Firebase" -url: "https://ariya.io/2017/05/static-site-with-hugo-and-firebase" +link: "https://ariya.io/2017/05/static-site-with-hugo-and-firebase" author: "Ariya Hidayat" tags: ["blog", "static-site-generator", "hugo", "firebase"] --- diff --git a/src/content/resources/strapi-gatsby-serverless.md b/src/content/resources/strapi-gatsby-serverless.md index 10c13760..e35e366b 100644 --- a/src/content/resources/strapi-gatsby-serverless.md +++ b/src/content/resources/strapi-gatsby-serverless.md @@ -1,18 +1,18 @@ --- -title: 'Building a Static Blog Using Gatsby and Strapi' -url: 'https://blog.strapi.io/building-a-static-website-using-gatsby-and-strapi/' -author: 'David Kartuzinski' +title: "Building a Static Blog Using Gatsby and Strapi" +link: "https://blog.strapi.io/building-a-static-website-using-gatsby-and-strapi/" +author: "David Kartuzinski" tags: - [ - 'strapi', - 'gatsby', - 'netlify', - 'heroku', - 'cloudinary', - 'cms', - 'api', - 'postgresql', - ] + [ + "strapi", + "gatsby", + "netlify", + "heroku", + "cloudinary", + "cms", + "api", + "postgresql", + ] --- Learn how to deploy your Gatsby site to Netlify, host your Strapi Headless CMS and deploy a PostgreSQL database with Heroku and use Cloudinary for images. (Includes a repository, 13+ videos and complete code.) diff --git a/src/content/resources/the-cloudcast.md b/src/content/resources/the-cloudcast.md index 48c3a8eb..1e54614f 100644 --- a/src/content/resources/the-cloudcast.md +++ b/src/content/resources/the-cloudcast.md @@ -1,8 +1,8 @@ --- title: "The Cloudcast" -url: "http://www.thecloudcast.net/" +link: "http://www.thecloudcast.net/" author: "Aaron Delp & Brian Gracely" tags: ["podcast"] --- -Episodes like A Serverless Look Ahead for 2019 with Paul D. Johnston who runs a serverless conference. \ No newline at end of file +Episodes like A Serverless Look Ahead for 2019 with Paul D. Johnston who runs a serverless conference. diff --git a/src/content/resources/thumbnail-generator.md b/src/content/resources/thumbnail-generator.md index 09160b29..5f9efb0e 100644 --- a/src/content/resources/thumbnail-generator.md +++ b/src/content/resources/thumbnail-generator.md @@ -1,6 +1,6 @@ --- title: "Creating an Image thumbnail generator using Vue, AWS, and Serverless" -url: "https://medium.com/@rmmmsy/creating-an-image-thumbnail-generator-using-vue-aws-and-serverless-part-1-the-setup-5d187b0bb1e1" +link: "https://medium.com/@rmmmsy/creating-an-image-thumbnail-generator-using-vue-aws-and-serverless-part-1-the-setup-5d187b0bb1e1" author: "Ramsay Lanier" tags: ["s3", "lambda", "cloud-functions"] --- diff --git a/src/content/resources/unsung-jamstack.md b/src/content/resources/unsung-jamstack.md index 23d2b1db..a288aac2 100644 --- a/src/content/resources/unsung-jamstack.md +++ b/src/content/resources/unsung-jamstack.md @@ -1,6 +1,6 @@ --- title: "The Unsung Benefits of JAMStack Sites" -url: "https://fettblog.eu/jamstack-the-unsung-benefits/" +link: "https://fettblog.eu/jamstack-the-unsung-benefits/" author: "Stefan Baumgartner" tags: ["jamstack", "cms"] --- diff --git a/src/content/resources/url-shortner.md b/src/content/resources/url-shortner.md index 58cf2e04..96c690e0 100644 --- a/src/content/resources/url-shortner.md +++ b/src/content/resources/url-shortner.md @@ -1,6 +1,6 @@ --- title: "How to build a Serverless URL shortener using AWS Lambda" -url: "https://medium.freecodecamp.org/how-to-build-a-serverless-url-shortener-using-aws-lambda-and-s3-4fbdf70cbf5c" +link: "https://medium.freecodecamp.org/how-to-build-a-serverless-url-shortener-using-aws-lambda-and-s3-4fbdf70cbf5c" author: "Daniel Ireson" tags: ["how-to", "lambda"] --- diff --git a/src/content/resources/vue-checkout.md b/src/content/resources/vue-checkout.md index c3fa93f0..11da914a 100644 --- a/src/content/resources/vue-checkout.md +++ b/src/content/resources/vue-checkout.md @@ -1,8 +1,8 @@ --- title: "Creating a Vue.js Serverless Checkout Form: Setup and Testing" -url: "https://css-tricks.com/creating-vue-js-serverless-checkout-part-one/" +link: "https://css-tricks.com/creating-vue-js-serverless-checkout-part-one/" author: "Sarah Drasner" tags: ["how-to", "vue", "azure", "stripe"] --- -In this four-part tutorial, we’ll go over how to set up a serverless function, make it talk to the Stripe API, and connect it to a checkout form that is setup as a Vue application. \ No newline at end of file +In this four-part tutorial, we’ll go over how to set up a serverless function, make it talk to the Stripe API, and connect it to a checkout form that is setup as a Vue application. diff --git a/src/content/resources/what-is-serverless-and-how-to-use-it-in-practice.md b/src/content/resources/what-is-serverless-and-how-to-use-it-in-practice.md index bc29b43a..541b145d 100644 --- a/src/content/resources/what-is-serverless-and-how-to-use-it-in-practice.md +++ b/src/content/resources/what-is-serverless-and-how-to-use-it-in-practice.md @@ -1,5 +1,5 @@ --- -url: "https://buttercms.com/blog/what-is-serverless-and-how-to-use-it-in-practice" +link: "https://buttercms.com/blog/what-is-serverless-and-how-to-use-it-in-practice" title: "How to use Serverless in Practice" author: "Rafael Quintanilha" tags: ["explain"] diff --git a/src/content/resources/what-is-serverless.md b/src/content/resources/what-is-serverless.md index 8d7227f0..9709fc4d 100644 --- a/src/content/resources/what-is-serverless.md +++ b/src/content/resources/what-is-serverless.md @@ -1,6 +1,6 @@ --- title: "What is Serverless" -url: "https://www.youtube.com/watch?v=prgLxIL9yOk&list=PLUVZjQltoA3zXZ1ImqgO3ImQH4IFOYHcq" +link: "https://www.youtube.com/watch?v=prgLxIL9yOk&list=PLUVZjQltoA3zXZ1ImqgO3ImQH4IFOYHcq" author: "Sadek Drobi & Guillermo Rauch" tags: ["explain", "video", "architecture", "lambda"] --- diff --git a/src/content/resources/what-is.md b/src/content/resources/what-is.md index 15d8f457..4b5866c4 100644 --- a/src/content/resources/what-is.md +++ b/src/content/resources/what-is.md @@ -1,6 +1,6 @@ --- title: "What Is Serverless?" -url: "https://code.tutsplus.com/tutorials/what-is-serverless--cms-30077" +link: "https://code.tutsplus.com/tutorials/what-is-serverless--cms-30077" author: "Markus Mühlberger" tags: ["explain"] --- diff --git a/src/content/resources/what-the-heck.md b/src/content/resources/what-the-heck.md index e2cb7db6..8d93863d 100644 --- a/src/content/resources/what-the-heck.md +++ b/src/content/resources/what-the-heck.md @@ -1,6 +1,6 @@ --- title: "What the Heck is Serverless?" -url: "https://css-tricks.com/video-screencasts/162-what-the-heck-is-serverless/" +link: "https://css-tricks.com/video-screencasts/162-what-the-heck-is-serverless/" author: "David Wells" tags: ["explain", "video"] --- diff --git a/src/content/search/algolia.md b/src/content/search/algolia.md index c9f77e8d..4372ee43 100644 --- a/src/content/search/algolia.md +++ b/src/content/search/algolia.md @@ -1,8 +1,8 @@ --- path: "services/realtime/algolia" title: "Algolia" -url: "https://www.algolia.com/" -logo: "/images/algolia.png" +link: "https://www.algolia.com/" +logo: "algolia.png" --- Put all your searchable data in Algolia, and you and query and get results through APIs incredibly fast. diff --git a/src/content/search/cloudsh.md b/src/content/search/cloudsh.md index b4a83d64..16ef5bdd 100644 --- a/src/content/search/cloudsh.md +++ b/src/content/search/cloudsh.md @@ -1,8 +1,8 @@ --- path: "services/search/cloudsh" title: "CloudSh Search" -url: "https://cloudsh.com/" -logo: "/images/cloudsh.png" +link: "https://cloudsh.com/" +logo: "cloudsh.png" --- Powerful search for your website with a few lines of JavaScript. Works great with static sites! diff --git a/src/content/search/elastic.md b/src/content/search/elastic.md new file mode 100644 index 00000000..124519b0 --- /dev/null +++ b/src/content/search/elastic.md @@ -0,0 +1,8 @@ +--- +path: "services/search/elastic" +title: "Elastic Site Search" +link: "https://www.elastic.co/site-search/" +logo: "elastic.svg" +--- + +Provides the tools you need to build a powerful website search. diff --git a/src/content/search/gcse.md b/src/content/search/gcse.md index efffa973..32a2eba8 100644 --- a/src/content/search/gcse.md +++ b/src/content/search/gcse.md @@ -1,8 +1,8 @@ --- path: "services/realtime/gcse" title: "Google Custom Search Engine" -url: "https://cse.google.com/" -logo: "/images/google.png" +link: "https://cse.google.com/" +logo: "google.png" --- You create mini search engines that are scoped by URL and can then embed them onto your own site. diff --git a/src/content/ssgs/11ty.md b/src/content/ssgs/11ty.md index 59aea6d9..58b44be8 100644 --- a/src/content/ssgs/11ty.md +++ b/src/content/ssgs/11ty.md @@ -1,8 +1,8 @@ --- path: "services/ssgs/11ty" title: "Eleventy" -url: "https://www.11ty.io/" -logo: "/images/11ty.png" +link: "https://www.11ty.dev/" +logo: "11ty.png" --- Eleventy is a simpler static site generator in Node.js. diff --git a/src/content/ssgs/astro.md b/src/content/ssgs/astro.md new file mode 100644 index 00000000..f0c4bfbd --- /dev/null +++ b/src/content/ssgs/astro.md @@ -0,0 +1,8 @@ +--- +path: "services/ssgs/astro" +title: "Astro" +link: "https://astro.build" +logo: "astro.svg" +--- + +Build faster websites with less client-side JavaScript. diff --git a/src/content/ssgs/gatsby.md b/src/content/ssgs/gatsby.md index d388acf2..165adc3c 100644 --- a/src/content/ssgs/gatsby.md +++ b/src/content/ssgs/gatsby.md @@ -1,8 +1,8 @@ --- path: "services/ssgs/gatsby" title: "Gatsby" -url: "https://www.gatsbyjs.org/" -logo: "/images/gatsby.svg" +link: "https://www.gatsbyjs.org/" +logo: "gatsby.svg" --- Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps. diff --git a/src/content/ssgs/gridsome.md b/src/content/ssgs/gridsome.md index edb1e200..b1ccbebc 100644 --- a/src/content/ssgs/gridsome.md +++ b/src/content/ssgs/gridsome.md @@ -1,8 +1,8 @@ --- path: "services/ssgs/gridsome" title: "Gridsome" -url: "https://gridsome.org/" -logo: "/images/gridsome.svg" +link: "https://gridsome.org/" +logo: "gridsome.svg" --- Gridsome is a Vue.js-powered modern site generator that makes it easy and fun for developers to create beautiful JAMstack websites & PWAs that are fast by default. diff --git a/src/content/ssgs/harp.md b/src/content/ssgs/harp.md index 75b3451c..8fa718fe 100644 --- a/src/content/ssgs/harp.md +++ b/src/content/ssgs/harp.md @@ -1,8 +1,8 @@ --- path: "services/ssgs/harp" title: "Harp" -url: "http://harpjs.com/" -logo: "/images/harp.svg" +link: "http://harpjs.com/" +logo: "harp.svg" --- The static web server with built-in preprocessing. Harp serves Jade, Markdown, EJS, CoffeeScript, Sass, LESS and Stylus as HTML, CSS & JavaScript—no configuration necessary. diff --git a/src/content/ssgs/hexo.md b/src/content/ssgs/hexo.md index 1d023a8d..df886e63 100644 --- a/src/content/ssgs/hexo.md +++ b/src/content/ssgs/hexo.md @@ -1,8 +1,8 @@ --- path: "services/ssgs/hexo" title: "Hexo" -url: "https://hexo.io/" -logo: "/images/hexo.svg" +link: "https://hexo.io/" +logo: "hexo.svg" --- Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other languages) and Hexo generates static files with a beautiful theme in seconds. diff --git a/src/content/ssgs/hugo.md b/src/content/ssgs/hugo.md index e2592f72..522a7935 100644 --- a/src/content/ssgs/hugo.md +++ b/src/content/ssgs/hugo.md @@ -1,8 +1,8 @@ --- path: "services/ssgs/hugo" title: "Hugo" -url: "https://gohugo.io/" -logo: "/images/hugo.svg" +link: "https://gohugo.io/" +logo: "hugo.svg" --- Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again. diff --git a/src/content/ssgs/jekyll.md b/src/content/ssgs/jekyll.md index 66059419..8ff53b2b 100644 --- a/src/content/ssgs/jekyll.md +++ b/src/content/ssgs/jekyll.md @@ -1,8 +1,8 @@ --- path: "services/ssgs/jekyll" title: "Jekyll" -url: "https://jekyllrb.com/" -logo: "/images/jekyll.svg" +link: "https://jekyllrb.com/" +logo: "jekyll.svg" --- Transform your plain text into static websites and blogs. diff --git a/src/content/ssgs/jigsaw.md b/src/content/ssgs/jigsaw.md index 67bf1f21..d0b59b83 100644 --- a/src/content/ssgs/jigsaw.md +++ b/src/content/ssgs/jigsaw.md @@ -1,8 +1,8 @@ --- path: "services/ssgs/jigsaw" title: "Jigsaw" -url: "https://jigsaw.tighten.co/" -logo: "/images/jigsaw.svg" +link: "https://jigsaw.tighten.co/" +logo: "jigsaw.svg" --- Jigsaw is a PHP static site generator using Laravel's Blade templating engine, Markdown for content-driven pages, and Laravel Mix allowing you to compile your CSS and JavaScript assets the same way you're used to in Laravel. diff --git a/src/content/ssgs/metalsmith.md b/src/content/ssgs/metalsmith.md index 651d8176..c9fe1e95 100644 --- a/src/content/ssgs/metalsmith.md +++ b/src/content/ssgs/metalsmith.md @@ -1,8 +1,8 @@ --- path: "services/ssgs/metalsmith" title: "Metalsmith" -url: "https://metalsmith.io/" -logo: "/images/metalsmith.png" +link: "https://metalsmith.io/" +logo: "metalsmith.png" --- An extremely simple, _pluggable_ static site generator in Node.js. diff --git a/src/content/ssgs/middleman.md b/src/content/ssgs/middleman.md index 094b9af8..485741fb 100644 --- a/src/content/ssgs/middleman.md +++ b/src/content/ssgs/middleman.md @@ -1,8 +1,8 @@ --- path: "services/ssgs/middleman" title: "Middleman" -url: "https://middlemanapp.com/" -logo: "/images/middleman.svg" +link: "https://middlemanapp.com/" +logo: "middleman.svg" --- Middleman is a static site generator in Ruby using all the shortcuts and tools in modern web development. diff --git a/src/content/ssgs/next.md b/src/content/ssgs/next.md index a6aa6e4a..88bce80b 100644 --- a/src/content/ssgs/next.md +++ b/src/content/ssgs/next.md @@ -1,8 +1,8 @@ --- path: "services/ssgs/next" title: "Next.js" -url: "https://nextjs.org/" -logo: "/images/next.svg" +link: "https://nextjs.org/" +logo: "next.svg" --- With Next.js, server rendering React applications has never been easier, no matter where your data is coming from. diff --git a/src/content/ssgs/nift.md b/src/content/ssgs/nift.md index fdaa0bf9..95e9cb53 100644 --- a/src/content/ssgs/nift.md +++ b/src/content/ssgs/nift.md @@ -1,8 +1,10 @@ --- path: "services/ssgs/nift" title: "Nift" -url: "https://nift.cc/" -logo: "/images/nift-bunny.svg" +link: "https://nift.dev/" +logo: "nift-bunny.svg" --- -Nift is possibly the world's fastest website generator, developed from the ground up in C++. +Nift is a cross-platform open source framework for managing and generating websites. + +It's lightning fast, developed from the ground up in C++, and released for free under the MIT license, use it for any of your personal or commercial projects! diff --git a/src/content/ssgs/nuxt.md b/src/content/ssgs/nuxt.md index 7018ae98..745bacc1 100644 --- a/src/content/ssgs/nuxt.md +++ b/src/content/ssgs/nuxt.md @@ -1,8 +1,8 @@ --- path: "services/ssgs/nuxt" title: "Nuxt" -url: "https://nuxtjs.org/" -logo: "/images/nuxt.svg" +link: "https://nuxtjs.org/" +logo: "nuxt.svg" --- Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable. diff --git a/src/content/ssgs/react-static.md b/src/content/ssgs/react-static.md index 73e8afd0..7960013f 100644 --- a/src/content/ssgs/react-static.md +++ b/src/content/ssgs/react-static.md @@ -1,8 +1,8 @@ --- path: "services/ssgs/react-static" title: "React Static" -url: "https://github.com/nozzle/react-static/tree/master/" -logo: "/images/react-static.png" +link: "https://github.com/nozzle/react-static/tree/master/" +logo: "react-static.png" --- React-Static is a fast, lightweight, and powerful progressive static site generator based on React and its ecosystem. It resembles the simplicity and developer experience you're used to in tools like Create React App and has been carefully designed for performance, flexibility, and user/developer experience. diff --git a/src/content/ssgs/sapper.md b/src/content/ssgs/sapper.md index e91c4553..3cb7dc5c 100644 --- a/src/content/ssgs/sapper.md +++ b/src/content/ssgs/sapper.md @@ -1,8 +1,8 @@ --- path: "services/ssgs/sapper" title: "Sapper" -url: "https://sapper.svelte.dev/" -logo: "/images/sapper.svg" +link: "https://sapper.svelte.dev/" +logo: "sapper.svg" --- Sapper is an application framework powered by Svelte — build bigger apps with a smaller footprint diff --git a/src/content/ssgs/scully.md b/src/content/ssgs/scully.md new file mode 100644 index 00000000..bcfe7d98 --- /dev/null +++ b/src/content/ssgs/scully.md @@ -0,0 +1,8 @@ +--- +path: "services/ssgs/scully" +title: "Scully" +link: "https://scully.io/" +logo: "scullyio.svg" +--- + +Scully is an SSG toolchain for Angular projects, making it possible to build extremely fast Angular websites and apps with Angular. diff --git a/src/content/ssgs/stackbit.md b/src/content/ssgs/stackbit.md index e2707f76..724fddbf 100644 --- a/src/content/ssgs/stackbit.md +++ b/src/content/ssgs/stackbit.md @@ -1,8 +1,8 @@ --- path: "services/ssgs/stackbit" title: "Stackbit" -url: "https://www.stackbit.com/" -logo: "/images/stackbit.svg" +link: "https://www.stackbit.com/" +logo: "stackbit.svg" --- Stackbit isn't a static site generator in itself, but rather a really clever and useful service for spinning up a new site using your choice of static site generator, theme, CMS, and git service. Just minutes to spin up a new JAMstack site. diff --git a/src/content/ssgs/sveltekit.md b/src/content/ssgs/sveltekit.md new file mode 100644 index 00000000..45d99fb0 --- /dev/null +++ b/src/content/ssgs/sveltekit.md @@ -0,0 +1,10 @@ +--- +path: "services/ssgs/sveltekit" +title: "SvelteKit" +link: "https://kit.svelte.dev/" +logo: "svelte.png" +--- + +SvelteKit is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing. + +Unlike single-page apps, SvelteKit doesn't compromise on SEO, progressive enhancement or the initial load experience — but unlike traditional server-rendered apps, navigation is instantaneous for that app-like feel. diff --git a/src/content/ssgs/vuepress.md b/src/content/ssgs/vuepress.md index d1869399..d89674d5 100644 --- a/src/content/ssgs/vuepress.md +++ b/src/content/ssgs/vuepress.md @@ -1,8 +1,8 @@ --- path: "services/ssgs/vuepress" title: "VuePress" -url: "https://vuepress.vuejs.org/" -logo: "/images/vuepress.png" +link: "https://vuepress.vuejs.org/" +logo: "vuepress.png" --- VuePress is composed of two parts: a minimalistic static site generator with a Vue-powered theming system, and a default theme optimized for writing technical documentation. diff --git a/src/layouts/layout.astro b/src/layouts/layout.astro new file mode 100644 index 00000000..30d4565e --- /dev/null +++ b/src/layouts/layout.astro @@ -0,0 +1,58 @@ +--- +import Nav from "../components/nav/nav.jsx"; +const { title } = Astro.props; +--- + + + + + +
+
+
+
+
+
+
+
diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 00000000..42ec10b6
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,8 @@
+---
+import BaseLayout from "../layouts/layout.astro";
+---
+
+NOT FOUND
+You just hit a route that doesn't exist... the sadness.
+NOT FOUND
-You just hit a route that doesn't exist... the sadness.
- -); - -export default NotFoundPage; diff --git a/src/pages/about.astro b/src/pages/about.astro new file mode 100644 index 00000000..93bf48d3 --- /dev/null +++ b/src/pages/about.astro @@ -0,0 +1,78 @@ +--- +import BaseLayout from '../layouts/layout.astro'; +import PageHeader from '../components/pageHeader/pageHeader.jsx'; +import Footer from '../components/footer/footer.jsx'; +import { Markdown } from 'astro/components'; +--- + +
+
+
+
+
+
+
+
+
+What is serverless?
+
+
+**Serverless.** It's a phenomenon—a major web trend and bonafide buzzword. It's got some people, myself included, fairly convinced it's the future of computing. Developers of all kinds can take advantage of it, but **this site is mostly interested and focused in how it relates to and helps front-end web developers**. That's my particular area of interest, as someone behind [CSS-Tricks](https://css-tricks.com/), [CodePen](https://codepen.io/), and [ShopTalk Show](https://shoptalkshow.com/).
+
+Let's get one thing out of the way: it still involves servers, so that word _serverless_ might feel a bit disingenuous. It's actually a new way to pay for and work with servers that, in many cases, is _cheaper_ and _easier_ than buying and managing your own servers.
+
+Here's one way to think about it: you can take your front-end skills and do things that typically only a back-end can do. You can write a JavaScript function that you run and receive a response from by hitting a URL. That's sometimes also called _Cloud Functions_ or _Functions as a Service_ (FaaS), which are perhaps better names, but just a part of the whole serverless thing.
+
+Consider the bread-and-butter task of saving and reading things from a database. It's possible to connect to a database entirely through front-end code. Technically, the database still exists on a server (someone's else's computer, as [the famous sticker](/images/there-is-no-cloud.jpg) says), but you don't need to spin up your own server for it to have a home. Now this traditionally back-end job has moved to the front-end, empowering a whole new swath of developers to _build things_.
+
+Why bother with doing a database this way? For one thing, it means you can host the rest of your site much more easily. Wanna build a [React](https://reactjs.org/)-powered blog on [GitHub pages](https://pages.github.com/)? You totally can! Wanna use the super fast static file host [Netlify](https://www.netlify.com/) to build a [Vue](https://vuejs.org/) powered portfolio site? Do it. Front-end developers are now full-stack developers thanks to serverless. This new combination of hosting and using JavaScript and APIs to architect a site has a name: [JAMstack](https://jamstack.org/).
+
+Even [CodePen](https://codepen.io/) is a part of this brave new world. CodePen can be the home of your front-end code that talks to cloud functions and cloud data. Your serverless host in a serverless world!
+
+Using "other people's computers" has rather settled in as the future of computing. "Containers" is a better word for it, meaning technology like [Docker](https://www.docker.com/). Have you ever worked on a project where when you committed code to [git](https://git-scm.com/) and tests ran against that code automatically? That likely happened in a container. Perhaps one powered by [Travis CI](https://travis-ci.org/), [GitHub Actions](https://github.com/features/actions), or your own [Continuous Integration setup](https://about.gitlab.com/product/continuous-integration/). You might think of that as just one slice of serverless. If those containers can do that, they are just executing some code we've written... why not have them do anything else computers can do?
+
+Since this serverless stuff is almost certainly the future, let's embrace it!
+
+
+
-
-
-
-
-
-
- );
- }}
- />
- );
-};
diff --git a/src/pages/about.module.scss b/src/pages/about.module.scss
deleted file mode 100644
index 554b48ff..00000000
--- a/src/pages/about.module.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-@import "../components/bits";
-
-.root {
- padding: 1.2rem;
- color: #eee8f9;
- text-shadow: 0 1px 0 black;
- font-size: 1.2rem;
- // background-color: #251450;
- background-image: url("https://res.cloudinary.com/css-tricks/image/upload/c_scale,f_auto,q_auto,w_600/v1558188228/moon_vkpnau.png"),
- url("https://res.cloudinary.com/css-tricks/image/upload/c_scale,f_auto,q_auto,w_1200/v1558127158/cloud3_v43wo8.png"),
- url("https://res.cloudinary.com/css-tricks/image/upload/c_scale,f_auto,q_auto,w_800/v1558127391/satellite_wezm7k.png");
- background-size: 15%, 65%, 25%;
- background-repeat: no-repeat;
- background-position: top 5% right 7%, top right -20%, top 60% left -5%;
- // background-blend-mode: normal, normal, multiply;
- a {
- color: #deabff;
- font-weight: bold;
- }
-}
-
-.textColumn {
- max-width: 750px;
- margin: 0 auto;
-}
-
-.title {
- background-image: url("https://res.cloudinary.com/css-tricks/image/upload/f_auto,q_auto/v1558447509/what-is_izlaec.png");
- background-repeat: no-repeat;
- background-size: contain;
- background-position: left center;
- height: 200px;
- text-indent: -9999px;
- @include breakpoint(baby-bear) {
- width: 200px;
- height: 100px;
- margin: 60px auto 1rem;
- }
-}
diff --git a/src/pages/ideas.astro b/src/pages/ideas.astro
new file mode 100644
index 00000000..729f789c
--- /dev/null
+++ b/src/pages/ideas.astro
@@ -0,0 +1,69 @@
+---
+import BaseLayout from "../layouts/layout.astro";
+import ideas from "../content/ideas.json";
+import PageHeader from "../components/pageHeader/pageHeader.jsx";
+import Card from "../components/card/card.jsx";
+import Footer from "../components/footer/footer.jsx";
+---
+
+What is serverless?
-Want to play with serverless technology?
+That's a great way to learn. Here are some ideas.
+
+ {ideas.map((idea) => (
+
+
+
+Want to play with serverless technology?
-That's a great way to learn. Here are some ideas.
-
- {ideas.map(idea => (
-
-
-
-
- );
-};
-
-export default IdeasPage;
diff --git a/src/pages/ideas.module.scss b/src/pages/ideas.module.scss
deleted file mode 100644
index dd24dd39..00000000
--- a/src/pages/ideas.module.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-@import "../components/bits";
-
-.pageHeader {
- background-image: url("https://res.cloudinary.com/css-tricks/image/upload/c_scale,f_auto,q_auto,w_600/v1558188228/moon_vkpnau.png"),
- url("https://res.cloudinary.com/css-tricks/image/upload/f_auto,q_auto,w_1200/v1558188229/cloud5_je1yza.png"),
- url("/img/stars.svg");
- background-size: 13%, 55%, 90%;
- background-repeat: no-repeat;
- background-position: top 40% right 42%, top right 10%, top center;
- @include breakpoint(baby-bear) {
- background-position: top 40% right 42%, top 34% right 10%, top center;
- }
-}
-
-.ideasCardGrid {
- > div:nth-child(even) {
- background: #37236b;
-
- > div {
- color: #c4b2ec;
- > h3 {
- color: white;
- }
- > div:last-child {
- border-top-color: #311f60;
- background: #311f60;
- > span:first-child {
- color: white;
- }
- span {
- color: #a794d0;
- }
- }
- a {
- color: #deabff;
- font-weight: bold;
- }
- }
- }
-}
diff --git a/src/pages/index.astro b/src/pages/index.astro
new file mode 100644
index 00000000..7c7425d4
--- /dev/null
+++ b/src/pages/index.astro
@@ -0,0 +1,90 @@
+---
+import BaseLayout from "../layouts/layout.astro";
+---
+
+
+
+ 
+
+
+
+
+
+
+
+ + The Power of Serverless for Front-End Developers +
+
-
- },_ANDesc=img,)
-
-
-
- );
-};
-
-export default Index;
diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss
deleted file mode 100644
index 29422000..00000000
--- a/src/pages/index.module.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-@import "../components/bits";
-
-.homepageWrap {
- min-height: 100vh;
- display: flex;
- flex-direction: column;
- align-items: center;
- background-image: url("/img/mountain.png"),
- url("https://res.cloudinary.com/css-tricks/image/upload/c_scale,f_auto,q_auto,w_1200/v1558124521/cloud2_ozcydy.png"),
- url("https://res.cloudinary.com/css-tricks/image/upload/c_scale,f_auto,q_auto,w_1200/v1558124913/cloud1_gpju6f.png"),
- url("/img/stars.svg"), url("/img/stars.svg");
- background-position: bottom left, bottom right, bottom 20% right 0, top center,
- top 15% left 38%;
- background-repeat: no-repeat, no-repeat, no-repeat, repeat-x, repeat-x;
- background-size: 60%, 100%, 100%, 65%, 120%;
- @include breakpoint(baby-bear) {
- background-position: bottom left, bottom right, bottom 5% right 0,
- top center, top 20% left -20%;
- }
-}
-
-.homepageTitle {
- font-family: "Nunito", sans-serif;
- text-transform: uppercase;
- font-size: 18px;
- line-height: 1;
- text-align: center;
- letter-spacing: 1px;
- width: 55vw;
- strong {
- display: block;
- text-indent: -9999px;
- height: 0;
- padding-top: calc(150 / 700 * 100%);
- background: url(/img/serverless-title.svg) no-repeat top center;
- background-size: cover;
- }
-}
-
-.presentedBy {
- padding: 2rem;
- img {
- display: block;
- margin: 0 auto;
- }
-}
-
-.titleArea {
- flex: 1;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.homeFooter {
- text-align: center;
- padding: 1rem 3rem;
- margin-bottom: 3rem;
- background: rgba(rgb(22, 8, 59), 0.66);
- border-radius: 50px;
- a {
- background: linear-gradient(to right, #8c4ec5, #e68f40);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- font-weight: bold;
- margin-left: 0.25rem;
- }
-}
diff --git a/src/pages/resources.astro b/src/pages/resources.astro
new file mode 100644
index 00000000..99e958ee
--- /dev/null
+++ b/src/pages/resources.astro
@@ -0,0 +1,152 @@
+---
+import BaseLayout from "../layouts/layout.astro";
+import PageHeader from "../components/pageHeader/pageHeader.jsx";
+import Card from "../components/card/card.jsx";
+import Footer from "../components/footer/footer.jsx";
+
+const data = Astro.fetchContent("../content/resources/*.md");
+let tagBlaster = [];
+data.map((resource) => {
+ tagBlaster.push(resource.tags);
+});
+const flatTags = tagBlaster.flat();
+const tags = [...new Set(flatTags.map(JSON.stringify))].map(JSON.parse);
+---
+
+
-
-
-
-
- - The Power of Serverless for Front-End Developers -
-+ Articles about things related to Serverless, Jamstack, and the whole ball + of yarn. +
+ + +
+ {data.map((resource) => (
+
+
+
+
-
-
-
-
- {data.allFile.edges.map(({ node }, i) => {
- const {
- title,
- url,
- author,
- tags
- } = node.childMarkdownRemark.frontmatter;
- if (tags.includes(currentFilter) || currentFilter === "all") {
- return (
-
-
-
-
-
- );
- }}
- />
- );
-};
diff --git a/src/pages/resources.module.scss b/src/pages/resources.module.scss
deleted file mode 100644
index 95224c29..00000000
--- a/src/pages/resources.module.scss
+++ /dev/null
@@ -1,79 +0,0 @@
-@import "../components/bits";
-
-.pageHeader {
- background-image: url("https://res.cloudinary.com/css-tricks/image/upload/f_auto,q_auto,w_600/v1558187394/rocket_akopq6.png"),
- url("https://res.cloudinary.com/css-tricks/image/upload/f_auto,q_auto,w_1200/v1558187112/cloud4_gi3gqj.png"),
- url("/img/stars.svg");
- background-size: 13%, 55%, 90%;
- background-repeat: no-repeat;
- background-position: top 10% right 22%, top right, top center;
- @include breakpoint(baby-bear) {
- background-position: top 30% right 10%, top 5% right, top center;
- }
-}
-
-.nav {
- font-family: var(--ff-gothic);
- text-transform: uppercase;
- font-size: 2rem;
- overflow: hidden;
- line-height: 1;
- max-height: 500px;
- transition: max-height 0.2s;
- position: relative;
- padding: 0 70px 40px 0;
- margin-bottom: 1rem;
-
- &[data-open="false"] {
- max-height: 80px;
- &::after {
- content: "";
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 50px;
- background: linear-gradient(to top, #110b2e, rgba(#110b2e, 0));
- }
- }
-}
-
-.tag {
- background: none;
- border: 0;
- font-family: var(--ff-gothic);
- color: #c4b3ec;
- font-size: 2rem;
- text-transform: uppercase;
- padding: 0;
- margin-right: 1rem;
-
- &:hover,
- &:focus {
- outline: 0;
- color: white;
- }
-}
-
-.more {
- position: absolute;
- top: 0;
- right: 0;
- background: transparent url(/img/arrow-down.svg) right center no-repeat;
- color: white;
- border: 0;
- font-family: var(--ff-gothic);
- font-size: 2rem;
- text-transform: uppercase;
- padding-right: 20px;
- transition: 0.5s;
- cursor: pointer;
- &:hover,
- &:focus {
- outline: 0;
- }
-
- &[data-open="true"] {
- transform: rotate(180deg);
- }
-}
diff --git a/src/pages/services/auth.astro b/src/pages/services/auth.astro
new file mode 100644
index 00000000..df064194
--- /dev/null
+++ b/src/pages/services/auth.astro
@@ -0,0 +1,12 @@
+---
+import ServicePage from "../../components/servicePage/servicePage.astro";
+const data = Astro.fetchContent("../../content/auth/*.md");
+---
+
+- Articles about things related to Serverless, JAMstack, and the - whole ball of yarn. -
- - -