fergalmoran/supanextail
1
0
Fork 0
mirror of https://github.com/fergalmoran/supanextail.git synced 2025-12-22 09:17:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed twitter metadata card

Browse Source
This commit is contained in:
Michael
2021-06-25 13:58:28 +02:00
parent bf39501ebd
commit 41a96de112
2 changed files with 45 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Landing.js
View File

@@ -9,7 +9,7 @@ const Landing = () => {
</h2> </h2>
<hr className='my-5' /> <hr className='my-5' />
<p className='text-xl max-w-lg text-center m-auto'> <p className='text-xl max-w-lg text-center m-auto'>
Don’t waste your time and reinvent the wheel, setup your website in Don’t waste your time and reinvent the wheel, setup your SaaS in
<span className='text-accent text-2xl font-bold'> minutes</span>, not <span className='text-accent text-2xl font-bold'> minutes</span>, not
days. days.
</p> </p>

70
pages/index.js
View File

@@ -1,4 +1,4 @@
/*Don't forget to modify the NextSeo component with your website informations */ /*Don't forget to modify the Head component with your website informations */
import Landing from "components/Landing"; import Landing from "components/Landing";
import Layout from "components/Layout"; import Layout from "components/Layout";
@@ -7,31 +7,49 @@ import { NextSeo } from "next-seo";
const Home = () => { const Home = () => {
return ( return (
<> <>
<NextSeo <Head>
title={`Welcome to ${process.env.NEXT_PUBLIC_TITLE} 👋`} <title>{`Welcome to ${process.env.NEXT_PUBLIC_TITLE} 👋`}</title>
description={`SupaNexTail is a boilerplate for your SaaS, based on Next.js, Supabase, and TailwindCSS`} <meta
openGraph={{ name='description'
type: "website", content='SupaNexTail is a boilerplate for your SaaS, based on Next.js, Supabase, and TailwindCSS'
url: "https://www.supanextail.dev/", />
title: `Welcome to ${process.env.NEXT_PUBLIC_TITLE} 👋`,
description: <meta property='og:url' content='https://supanextail.dev/' />
"SupaNexTail is a boilerplate for your SaaS, based on Next.js, Supabase, and TailwindCSS", <meta property='og:type' content='website' />
images: [ <meta
{ property='og:title'
url: "https://www.supanextail.dev/ogimage.png", content={`Welcome to ${process.env.NEXT_PUBLIC_TITLE} 👋`}
width: 1200, />
height: 630, <meta
alt: "SupaNexTail", property='og:description'
}, content='SupaNexTail is a boilerplate for your SaaS, based on Next.js, Supabase, and TailwindCSS'
{ />
url: "https://www.supanextail.dev/ogimage.png", <meta
width: 1200, property='og:image'
height: 630, content='https://supanextail.dev/ogimage.png'
alt: "SupaNexTail", />
},
], <meta name='twitter:card' content='summary_large_image' />
}} <meta property='twitter:domain' content='supanextail.dev' />
/> <meta
property='twitter:url'
content='https://supanextail.dev/ogimage.png'
/>
<meta
name='twitter:title'
content={`Welcome to ${process.env.NEXT_PUBLIC_TITLE} 👋`}
/>
<meta
name='twitter:description'
content='SupaNexTail is a boilerplate for your SaaS, based on Next.js, Supabase, and TailwindCSS'
/>
<meta
name='twitter:image'
content='https://supanextail.dev/ogimage.png'
/>
<meta charSet='UTF-8' />
</Head>
<Layout> <Layout>
<Landing /> <Landing />
</Layout> </Layout>