michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

blog: announce netlify sponsorship (#1345)

Browse source
This commit is contained in:
Fred K. Schott 2021-09-09 11:49:37 -07:00 committed by GitHub
parent 2847ff5382
commit 224b51e460
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 64 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
www/public/assets/blog/astro-netlify-social.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 109 KiB

7
www/src/components/BaseHead.astro
View file

@ -3,8 +3,9 @@ export interface Props {
title: string;
description: string;
canonicalURL: URL | string,
image?: string;
}
const { title, description, canonicalURL } = Astro.props;
const { title, description, image = 'https://astro.build/social.jpg?v=1', canonicalURL } = Astro.props;
---
<!-- Global Metadata -->
@ -25,14 +26,14 @@ const { title, description, canonicalURL } = Astro.props;
<meta property="og:url" content={canonicalURL} />
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<meta property="og:image" content="https://astro.build/social.jpg?v=1" />
<meta property="og:image" content={image} />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={canonicalURL} />
<meta property="twitter:title" content={title} />
<meta property="twitter:description" content={description} />
<meta property="twitter:image" content="https://astro.build/social.jpg?v=1" />
<meta property="twitter:image" content={image} />
<!-- Fonts -->
<link rel="dns-prefetch" href="https://fonts.googleapis.com">

4
www/src/components/BlogHead.astro
View file

@ -1,7 +1,7 @@
---
import BaseHead from './BaseHead.astro';
const { title, description, canonicalURL } = Astro.props;
const { title, description, image, canonicalURL } = Astro.props;
---
<BaseHead title={title} description={description} canonicalURL={canonicalURL} />
<BaseHead title={title} description={description} image={image} canonicalURL={canonicalURL} />
<link rel="stylesheet" href={Astro.resolve('../scss/blog.css')} />

58
www/src/pages/blog/netlify-astro-hosting-sponsorship.astro Normal file
View file

@ -0,0 +1,58 @@
---
import { Markdown, Prism } from 'astro/components';
import BlogHead from '../../components/BlogHead.astro';
import BlogHeader from '../../components/BlogHeader.astro';
import BlogPost from '../../components/BlogPost.astro';
import BlockQuote from '../../components/BlockQuote.astro';
import GoogleAnalytics from '../../components/GoogleAnalytics.astro';
import Note from '../../components/Note.astro';
import Shell from '../../components/Shell.astro';
import { mediaQueries } from '../../config.js';
let title = "Netlify Becomes Astro's Official Hosting Partner";
let description = `We are happy to announce that Netlify has become Astro’s first corporate sponsor and exclusive hosting parter, donating $2,500 each month towards the ongoing open source maintenance and development of Astro.`;
let publishDate = 'Thursday, September 9 2021';
let heroImage = '/assets/blog/astro-netlify-social.jpg';
let lang = 'en';
---
<html lang={ lang ?? 'en' }>
<head>
<BlogHead title={title} description={description} image={`https://astro.build${heroImage}`} canonicalURL={Astro.request.canonicalURL} />
<style global>
img {
max-width: 100%;
}
</style>
</head>
<body>
<BlogHeader />
<BlogPost title={title} heroImage={heroImage} publishDate={publishDate}>
<Markdown>
We are thrilled to announce that [Netlify](https://www.netlify.com/?utm_campaign=devex-jl&utm_source=astro&utm_medium=blog
) has become Astro's first corporate sponsor and official hosting parter, donating [$2,500 each month](https://opencollective.com/astrodotbuild) towards the ongoing open source maintenance and development of Astro.
Netlify is the company responsible for kicking off the modern [Jamstack](https://jamstack.org/) movement. Today, their hosting + serverless platform is loved by developers around the world. [Astro](http://astro.build/) can build you a blazing-fast website, but you'll always need a great host like Netlify to deliver that snappy experience to your users.
Here's what Jason told us about Astro:
<Note>
"Astro is tackling an extremely hard problem: **how do we keep the advantages of powerful frameworks but stop making end users pay the cost of developer experience?** Shipping only HTML and CSS for the vast majority of web content that doesn't need to be dynamic and only including JavaScript when it's actually necessary is a huge win for developers and users alike."
<br>-- [Jason Lengstorf](https://twitter.com/jlengstorf), VP of Developer Experience, Netlify
</Note>
Astro is honored and excited to have Netlify as our first official corporate sponsor. We are grateful for the support of Jason Lengstorf, Cassidy Williams, and the entire Netlify team for their help and evangelism. It's because of support from companies like Netlify that we are able to recieve ongoing maintenance and keep developing Astro in an open, financially-sustainable way.
Our first integration with Netlify we will be to add the ["Deploy with Netlify"](https://www.netlify.com/blog/2016/11/29/introducing-the-deploy-to-netlify-button/) button to our official Astro starter templates. This will make it even easier to create new, hosted Astro websites in just a few clicks. Check out all of our batteries-included starter templates in the brand new [Astro Theme Showcase.](https://docs.astro.build/themes)
Thanks, Netlify!
*PS: If your company relies on free, open source software (hint: it almost definitely does!) please [donate to support Astro](https://opencollective.com/astrodotbuild) and other projects like it. You can browse projects accepting funding on [Open Collective](https://opencollective.com/discover), [GitHub Sponsors](https://github.com/sponsors), or by running the `npm fund` command inside of any existing npm project.*
</Markdown>
</BlogPost>
<GoogleAnalytics />
</body>
</html>