angrybeanie-front-end/pages/news/[slug].js

import getConfig from 'next/config'
import "../../components/main.js"
import Layout from "../../components/main.js"
import FeatureImage from "../../components/featureimage.js"
import StorySideBar from '../../components/storysidebar.js'
import PublishedInfo from '../../components/publishedinfo.js'
import { getAllPosts, getSinglePost } from '../../data/external/cms'
import Image from "next/legacy/image";
import Head from 'next/head'
import config from "../../data/internal/config"

const Article = ({article_obj, sections, pagedata, stories, serverRuntimeConfig, config}) => {
    if (!article_obj) return null

    var featureImage

    if (article_obj.FeatureImage.data) {
        if (article_obj.FeatureImage.data.attributes.formats.large) {
            featureImage = article_obj.FeatureImage.data.attributes.formats.large
            featureImage.name = article_obj.FeatureImage.data.attributes.alternativeText
        } 
    }

    var article_desc = article_obj.Abstract.replace(new RegExp('<[^>]*>', 'g'), '') 

    var rssFeed

    if (article_obj.project.data && article_obj.project.data.attributes.HasFeed == true) {
        rssFeed = config.siteURL+"/feed/"+article_obj.project.data.attributes.Slug+"-feed.xml"
    }

    return (   <Layout sections={sections} pagedata={pagedata}>
        <Head>
            <meta name="twitter:card" content={ article_desc } key="twcard" />
            <meta name="twitter:creator" content="angrybeanie" key="twhandle" />
            <meta name="og:url" content={config.siteURL + "/news/" + article_obj.Slug}></meta>
            <meta name="og:type" content="article"></meta>
            <meta name="og:title" content={ article_obj.Title } key="title"></meta>
            <meta name="og:description" content={ article_desc } key="description"></meta>
            { article_obj.FeatureImage.data != null &&
                <meta name="og:image" content={serverRuntimeConfig.media_path + featureImage.url}></meta>
            }
            { article_obj.project.data != null && article_obj.project.data.attributes.HasFeed == true &&
                <link rel="alternate" type="application/rss+xml" title={article_obj.project.data.attributes.Title + " Feed"} href={rssFeed} />
            }
        </Head>
        <div className="main_content col-md-9 col-sm-12">
            { article_obj.FeatureImage.data != null &&
                <FeatureImage imagedata = {featureImage} basepath = {serverRuntimeConfig.media_path} ></FeatureImage>
            }
            <h1 className="page_title col-sm-12">{ article_obj.Title }</h1>
            <PublishedInfo publishData={article_obj}></PublishedInfo>
            <div className="article_body" dangerouslySetInnerHTML={{ __html: article_obj.FullBody }}></div>
        </div>
        <StorySideBar stories={stories} />
    </Layout>
    )
}

export default Article

export async function getStaticPaths() {
    const posts = await getAllPosts()
    const paths = posts.data.map((post) => ({
        params: { slug: post.attributes.Slug },
      }))
    return {
        paths,
        fallback: true // false or 'blocking'
    };
  }
  

export async function getStaticProps({params}) {
    const { serverRuntimeConfig, publicRuntimeConfig } = getConfig()
    const conf = config
    const slug = params.slug
    
    const article_obj = await getSinglePost(slug)

    var filters = {};

    if (article_obj.project.data != null) {
        filters = (
            {
            project: {
                Slug: article_obj.project.data.attributes.Slug
            }
        })
    }

    const qs = require('qs')
    const query = qs.stringify({
        pagination: {
            limit: 5
        },
        filters,
        sort: ['publishedAt:desc']
    }, {
        encodeValuesOnly: true,
    })

    const storiesQuery = await fetch(serverRuntimeConfig.base_path + `articles?${query}`, {
        headers: new Headers({
            'Authorization': serverRuntimeConfig.strapi_token,
          'Content-Type': 'application/x-www-form-urlencoded'
        })
    })

    const storydata = await storiesQuery.json()
    const stories = storydata.data

    const pagedata = {
        'title': "Angry Beanie - " + article_obj.Title
    }

    const secres = await fetch(serverRuntimeConfig.base_path + '/api/sections')
    const secdata = await secres.json()
    
    return {
        props: { article_obj, sections: secdata, pagedata, stories, serverRuntimeConfig, config }, // will be passed to the page component as props
        revalidate: 60
    }
}
Initial commit 2021-02-04 14:27:14 +11:00			`import getConfig from 'next/config'`
Initial commit 2020-12-06 21:49:37 +11:00			`import "../../components/main.js"`
			`import Layout from "../../components/main.js"`
Initial commit 2021-02-04 14:27:14 +11:00			`import FeatureImage from "../../components/featureimage.js"`
			`import StorySideBar from '../../components/storysidebar.js'`
Published info for Articles and small css changes 2023-02-11 16:42:58 +11:00			`import PublishedInfo from '../../components/publishedinfo.js'`
Sitemap generator now works for main pages and posts 2022-06-17 21:57:06 +10:00			`import { getAllPosts, getSinglePost } from '../../data/external/cms'`
Added a 404 and 500 page. Updated references to legacy image component 2023-05-20 16:54:03 +10:00			`import Image from "next/legacy/image";`
Major update to bring it inline with the new Strapi CMS. 2022-06-12 15:12:28 +10:00			`import Head from 'next/head'`
Adding tech and disability rss link Adding OG meta tags to articles and podcast episode Refactoring featureimage to use smaller images 2022-07-01 16:43:50 +10:00			`import config from "../../data/internal/config"`
Initial commit 2020-12-06 21:49:37 +11:00
Adding tech and disability rss link Adding OG meta tags to articles and podcast episode Refactoring featureimage to use smaller images 2022-07-01 16:43:50 +10:00			`const Article = ({article_obj, sections, pagedata, stories, serverRuntimeConfig, config}) => {`
Major update to bring it inline with the new Strapi CMS. 2022-06-12 15:12:28 +10:00			`if (!article_obj) return null`
Clean up of console logging and fixing issues around feature images 2022-06-29 21:11:16 +10:00
			`var featureImage`

			`if (article_obj.FeatureImage.data) {`
			`if (article_obj.FeatureImage.data.attributes.formats.large) {`
			`featureImage = article_obj.FeatureImage.data.attributes.formats.large`
Published info for Articles and small css changes 2023-02-11 16:42:58 +11:00			`featureImage.name = article_obj.FeatureImage.data.attributes.alternativeText`
Clean up of console logging and fixing issues around feature images 2022-06-29 21:11:16 +10:00			`}`
			`}`
Small changes to add project specific rss feed to headers of Articles Also a small change to make speed up display of text 2022-07-02 16:59:36 +10:00
Added support for .env.local Added support for Galleries and Photography page 2022-07-16 15:34:44 +10:00			`var article_desc = article_obj.Abstract.replace(new RegExp('<[^>]*>', 'g'), '')`

Small changes to add project specific rss feed to headers of Articles Also a small change to make speed up display of text 2022-07-02 16:59:36 +10:00			`var rssFeed`

			`if (article_obj.project.data && article_obj.project.data.attributes.HasFeed == true) {`
			`rssFeed = config.siteURL+"/feed/"+article_obj.project.data.attributes.Slug+"-feed.xml"`
			`}`

Major update to bring it inline with the new Strapi CMS. 2022-06-12 15:12:28 +10:00			`return ( <Layout sections={sections} pagedata={pagedata}>`
			`<Head>`
Added support for .env.local Added support for Galleries and Photography page 2022-07-16 15:34:44 +10:00			`<meta name="twitter:card" content={ article_desc } key="twcard" />`
Major update to bring it inline with the new Strapi CMS. 2022-06-12 15:12:28 +10:00			`<meta name="twitter:creator" content="angrybeanie" key="twhandle" />`
Adding tech and disability rss link Adding OG meta tags to articles and podcast episode Refactoring featureimage to use smaller images 2022-07-01 16:43:50 +10:00			`<meta name="og:url" content={config.siteURL + "/news/" + article_obj.Slug}></meta>`
			`<meta name="og:type" content="article"></meta>`
			`<meta name="og:title" content={ article_obj.Title } key="title"></meta>`
Added support for .env.local Added support for Galleries and Photography page 2022-07-16 15:34:44 +10:00			`<meta name="og:description" content={ article_desc } key="description"></meta>`
Adding tech and disability rss link Adding OG meta tags to articles and podcast episode Refactoring featureimage to use smaller images 2022-07-01 16:43:50 +10:00			`{ article_obj.FeatureImage.data != null &&`
Added support for .env.local Added support for Galleries and Photography page 2022-07-16 15:34:44 +10:00			`<meta name="og:image" content={serverRuntimeConfig.media_path + featureImage.url}></meta>`
Adding tech and disability rss link Adding OG meta tags to articles and podcast episode Refactoring featureimage to use smaller images 2022-07-01 16:43:50 +10:00			`}`
Small changes to add project specific rss feed to headers of Articles Also a small change to make speed up display of text 2022-07-02 16:59:36 +10:00			`{ article_obj.project.data != null && article_obj.project.data.attributes.HasFeed == true &&`
Added support for .env.local Added support for Galleries and Photography page 2022-07-16 15:34:44 +10:00			`<link rel="alternate" type="application/rss+xml" title={article_obj.project.data.attributes.Title + " Feed"} href={rssFeed} />`
Small changes to add project specific rss feed to headers of Articles Also a small change to make speed up display of text 2022-07-02 16:59:36 +10:00			`}`
Major update to bring it inline with the new Strapi CMS. 2022-06-12 15:12:28 +10:00			`</Head>`
			`<div className="main_content col-md-9 col-sm-12">`
			`{ article_obj.FeatureImage.data != null &&`
Added support for .env.local Added support for Galleries and Photography page 2022-07-16 15:34:44 +10:00			`<FeatureImage imagedata = {featureImage} basepath = {serverRuntimeConfig.media_path} ></FeatureImage>`
Major update to bring it inline with the new Strapi CMS. 2022-06-12 15:12:28 +10:00			`}`
Applied page_title style Fixed up reference to .env.local 2022-07-17 12:38:51 +10:00			`<h1 className="page_title col-sm-12">{ article_obj.Title }</h1>`
Published info for Articles and small css changes 2023-02-11 16:42:58 +11:00			`<PublishedInfo publishData={article_obj}></PublishedInfo>`
Contains the following: - Updates to reference the new Richtext field from Strapi - Update to include feature image in RSS - General cleanups (removing a lot of console.log) - I think there's a nextjs update in there as well 2023-08-02 21:45:36 +10:00			`<div className="article_body" dangerouslySetInnerHTML={{ __html: article_obj.FullBody }}></div>`
Major update to bring it inline with the new Strapi CMS. 2022-06-12 15:12:28 +10:00			`</div>`
			`<StorySideBar stories={stories} />`
			`</Layout>`
			`)`
			`}`

			`export default Article`

			`export async function getStaticPaths() {`
			`const posts = await getAllPosts()`
			`const paths = posts.data.map((post) => ({`
			`params: { slug: post.attributes.Slug },`
			`}))`
			`return {`
			`paths,`
			`fallback: true // false or 'blocking'`
			`};`
			`}`


			`export async function getStaticProps({params}) {`
Initial commit 2021-02-04 14:27:14 +11:00			`const { serverRuntimeConfig, publicRuntimeConfig } = getConfig()`
Adding tech and disability rss link Adding OG meta tags to articles and podcast episode Refactoring featureimage to use smaller images 2022-07-01 16:43:50 +10:00			`const conf = config`
Major update to bring it inline with the new Strapi CMS. 2022-06-12 15:12:28 +10:00			`const slug = params.slug`
Sitemap generator now works for main pages and posts 2022-06-17 21:57:06 +10:00
			`const article_obj = await getSinglePost(slug)`
Major update to bring it inline with the new Strapi CMS. 2022-06-12 15:12:28 +10:00
Moved to using Project instead of Tags for StoryPager and Feed Generator 2022-06-20 15:22:16 +10:00			`var filters = {};`

			`if (article_obj.project.data != null) {`
			`filters = (`
			`{`
			`project: {`
			`Slug: article_obj.project.data.attributes.Slug`
			`}`
			`})`
			`}`

Major update to bring it inline with the new Strapi CMS. 2022-06-12 15:12:28 +10:00			`const qs = require('qs')`
			`const query = qs.stringify({`
			`pagination: {`
			`limit: 5`
			`},`
Moved to using Project instead of Tags for StoryPager and Feed Generator 2022-06-20 15:22:16 +10:00			`filters,`
Major update to bring it inline with the new Strapi CMS. 2022-06-12 15:12:28 +10:00			`sort: ['publishedAt:desc']`
			`}, {`
			`encodeValuesOnly: true,`
			`})`
Initial commit 2020-12-06 21:49:37 +11:00
Major update to bring it inline with the new Strapi CMS. 2022-06-12 15:12:28 +10:00			const storiesQuery = await fetch(serverRuntimeConfig.base_path + `articles?${query}`, {
			`headers: new Headers({`
			`'Authorization': serverRuntimeConfig.strapi_token,`
			`'Content-Type': 'application/x-www-form-urlencoded'`
			`})`
			`})`

			`const storydata = await storiesQuery.json()`
			`const stories = storydata.data`
Initial commit 2021-02-04 14:27:14 +11:00
			`const pagedata = {`
Major update to bring it inline with the new Strapi CMS. 2022-06-12 15:12:28 +10:00			`'title': "Angry Beanie - " + article_obj.Title`
Initial commit 2021-02-04 14:27:14 +11:00			`}`

			`const secres = await fetch(serverRuntimeConfig.base_path + '/api/sections')`
Initial commit 2020-12-06 21:49:37 +11:00			`const secdata = await secres.json()`

			`return {`
Adding tech and disability rss link Adding OG meta tags to articles and podcast episode Refactoring featureimage to use smaller images 2022-07-01 16:43:50 +10:00			`props: { article_obj, sections: secdata, pagedata, stories, serverRuntimeConfig, config }, // will be passed to the page component as props`
Added Tech and Disability section to navigation and page Refactored News to use the getAllPosts method in data/external/cms 2022-06-14 20:58:06 +10:00			`revalidate: 60`
Initial commit 2020-12-06 21:49:37 +11:00			`}`
			`}`