6 Slutsatser
6.3 Diskussion om etik
Denna typ av lösning till ett förekommande problem i vardagen, nämligen möjligheten att hantera innehåll på en webbplats säkert och utan krångel, kan tyckas vara bättre etiskt sett än att använda den traditionella metoden där man har ett typiskt WordPress-administreringsverktyg med en relationell databas.
WordPress-system brukar ofta lagra känslig data av användare, och det är inte sällsynt att dessa system attackeras av hackers som kommer åt information om användarna.
JAMstack-webbplatser är väldigt populära för sin säkerhet. Attacker mot dessa webbplatser kommer inte göra någon större skada, när det enda som servas är statisk data.
En annan väsentlig etisk diskussion är hur man lagrar personlig data i Markdown-filer. Här måste nog företaget hålla ett extra öga på vad som egentligen får lagras i filerna utav personlig information, och att de behöriga också är medvetna om var gränserna går.
Källförteckning
[1] Reacts officiella webbplats, ”React – A JavaScript library for building user interfaces”,
https://reactjs.org/
Hämtad 2020-07-19.
[2] Ibid.
[3] Videoklipp av Academind på YouTube, ”What is the JAMStack?”, https://www.youtube.com/watch?v=Y8PXMbr0Kqo
Publicerad 2018-12-19. Hämtad 2020-07-19.
[4] Gatsbys officiella webbplats, https://www.gatsbyjs.org/
Hämtad 2020-07-19.
[5] Videoklipp av Traversy Media på YouTube, ”Gatsby JS Crash Course”, https://www.youtube.com/watch?v=6YhqQ2ZW1sc
Publicerad 2018-04-12. Hämtad 2020-07-20.
[6] Videoklipp av Academind på YouTube, ”What is the JAMStack?”, https://www.youtube.com/watch?v=Y8PXMbr0Kqo
Publicerad 2018-12-19. Hämtad 2020-07-19.
[7] Artikel på EnvatoTuts+, ”An Introduction to CSS-in-JS: Examples, Pros and Cons”,
https://webdesign.tutsplus.com/articles/an-introduction-to-css-in-js-examples-pros-and-cons--cms-33574
Hämtad 2020-08-01.
[8] Radiums GitHub-repository,
https://github.com/FormidableLabs/radium
Hämtad 2020-08-01.
[9] Gatsby-pluginet ”gatsby-plugin-sass” på GitHub,
https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-sass
Hämtad 2020-08-01.
[10] Informationssida om CSS-arkitekturen BEM, ”BEM – Block Element Modifier”,
http://getbem.com/
Hämtad 2020-08-01.
[11] Handledning på Gatsbys officiella hemsida, ”Data in Gatsby | GatsbyJS”,
https://www.gatsbyjs.org/tutorial/part-four/
Hämtad 2020-08-01.
[12] Videoklipp av Web Dev Simplified, ”Learn GraphQL In 40 Minutes”, https://www.youtube.com/watch?v=ZQL7tL2S0oQ
Publicerad 2019-03-02. Hämtad 2020-07-19.
[13] Handledning på Gatsbys officiella webbplats, ”Transformer plugins”, https://www.gatsbyjs.org/tutorial/part-six/
Hämtad 2020-07-20.
[14] Artikel på Bejamas, ”10 Headless CMS Options for your JAMstack Website”,
https://bejamas.io/blog/headless-cms/#tina
Publicerad 2020-03-31. Hämtad 2020-07-20.
[15] TinaCMS officiella webbplats, https://tinacms.org/
Hämtad 2020-07-20.
[16] AWS officiella webbplats, ”AWS SDK for JavaScript in Node.js”, https://aws.amazon.com/sdk-for-node-js/
Hämtad 2020-07-22.
[17] AWS officiella webbplats, ”AWS CodeCommit”, https://aws.amazon.com/codecommit/
Hämtad 2020-07-22.
[18] AWS dokumentation, ”Troubleshooting the credential helper and HTTPS connections”,
Hämtad 2020-07-30.
https://docs.aws.amazon.com/codecommit/latest/userguide/
troubleshooting-ch.html#troubleshooting-windowshttps
[19] Chocolateys officiella webbplats, ”Chocolatey Software | Installing Chocolatey”,
https://chocolatey.org/install
Hämtad 2020-08-01.
[20] Hugos officiella webbplats, ”Install Hugo | Hugo”, https://gohugo.io/getting-started/installing/
Hämtad 2020-08-01.
[21] Artikel på Storyblok, ”How to render dynamic component defined in JSON using React”,
https://www.storyblok.com/tp/react-dynamic-component-from-json
Publicerad 2019-09-26. Hämtad 2020-08-01.
[22] Artikel på Gatsbys officiella blogg av Sidhartha Chatterjee, ”Introducing useStaticQuery”,
https://www.gatsbyjs.org/blog/2019-02-20-introducing-use-static-query/
Publicerad 2019-02-20. Hämtad 2020-08-01.
[23] Artikel på Swas.io, ”Using multiple queries or entries on gatsbyjs createPages Node API”,
https://swas.io/blog/using-multiple-queries-on-gatsbyjs-createpages-node-api/
Publicerad i oktober 2018. Hämtad 2020-08-01.
[24] TinaCMS officiella webbplats, ”Install & Set-up | TinaCMS Docs”, https://tinacms.org/guides/gatsby/git/installation
Hämtad 2020-08-01.
[25] Artikel på TinaCMS-bloggen av James O’Halloran, ”How can my editors edit a TinaCMS site?”,
https://tinacms.org/blog/editing-on-the-cloud
Publicerad 2019-12-23. Hämtad 2020-08-03.
[26] Ställd fråga på TinaCMS Community, ”How to add frontmatter fields to an existing Markdown file”,
https://community.tinacms.org/t/how-to-add-frontmatter-fields-to-an-existing-markdown-file/240/13
Publicerad 2020-07-03. Hämtad 2020-08-01.
[27] Ställd fråga på Stack Overflow, ”How to add frontmatter fields to an existing Markdown file in TinaCMS”,
https://stackoverflow.com/questions/62718837/how-to-add-frontmatter-fields-to-an-existing-markdown-file-in-tinacms/62979855#62979855
Publicerad 2020-07-03. Hämtad 2020-08-01.
[28] TinaCMS officiella dokumentation, ”Group-List Field | TinaCMS Docs”,
https://tinacms.org/docs/plugins/fields/group-list Hämtad 2020-08-03.
[29] TinaCMS officiella dokumentation, ”Blocks Fields | TinaCMS Docs”,
https://tinacms.org/docs/plugins/fields/blocks
Hämtad 2020-08-03.
[30] Lektion på Egghead.io av Kyle Gill, ”Install gatsby-image and source local images from the filesystem”,
https://egghead.io/lessons/gatsby-install-gatsby-image-and-source-local-
images-from-the-filesystem?pl=using-gatsby-image-with-gatsby-ea85129e
Hämtad 2020-08-03.
[31] Gatsbys officiella webbplats, ”Audit with Lighthouse”
https://www.gatsbyjs.org/docs/audit-with-lighthouse/
Hämtad 2020-08-03.
[32] Gatsbys officiella webbplats, ”Adding Page Metadata | GatsbyJS”, https://www.gatsbyjs.org/docs/add-page-metadata/
Hämtad 2020-08-03.
[33] GitHub-beskrivningen för React Helmet, https://github.com/nfl/react-helmet Hämtad 2020-08-03.
Bilaga A: Responsen för en GraphQL-fråga
[
{
name: 'Brent Weeks',
books: [
{
name: 'Way of Shadows'
}
]
},
{
name: 'J. K. Rowling',
books: [
{
name: 'Harry Potter'
}
]
}, ]
Bilaga B: Installera Hugo lokalt
Bilaga C: Hämta återanvändbar data
med GraphQL
Bilaga D: TinaCMS-ikonen och den
färdiga uppsättningen
Bilaga E: Ett skräddarsytt TinaCMS-formulär i kod
const AboutProductAreaForm = {
label: 'About products',
fields: [
{
label: 'First product title',
name: 'frontmatter.products[0].title',
description: 'Enter the title of the product here',
component: 'text'
} ] }
const [markdownRemark, form] = useRemarkForm(data.aboutProducts.ed ges[0].node, AboutProductAreaForm)
usePlugin(form)