Giter VIP home page Giter VIP logo

ama's Introduction

Ask me anything JAMstack(Gatsby, Contentful)!

See my favorite/popular/frequently asked questions. There are also other labels to sort the questions by (work in progress).

I get a lot of questions by email but responding to an email only helps one person. This way anyone can read the answer.

If you'd rather not ask your question publicly, send me an email and I can post the question anonymously for you.

Subscribe for updates by watching the repo.

Anything means anything. Personal questions. Money. Life. Code. Whatever.

Guidelines

  • Ensure your question hasn't already been answered.
  • Use a succinct title and description.
  • Bugs & feature requests should be opened on the relevant issue tracker.
  • Support questions are better asked on Stack Overflow.
  • Be civil and polite :)
  • I will not help you with a question that goes against my personal moral standards.

Disclaimer

Answers from me

All questions are welcome but not all questions will be answered by me. Some questions may be answered by volunteers helping me. Others may not be answered at all. To increase the likelyhood of me answering your question it should:

  • Be relevant to me or my opinions in some way and not something anyone could answer (those are better served by StackOverflow, etc).
  • Be helpful or interesting for other people. I prefer this medium to email because my time spent answering these questions helps more people. Answers that only help the asker are not an efficient use of my time and may not be answered.
Answer format

Some answers may be in the form of audio clips or videos. This is not meant to exclude anyone. I wouldn't have time to answer these questions at all otherwise. Anyone is welcome and encouraged to transcribe these answers and leave a comment so that everyone can benefit from the answers.

Other contact mediums

I can also be reached on Twitter and email, but I prefer this medium.

Links

ama's People

Contributors

detrohutt avatar joeycozza avatar kentcdodds avatar khaledgarbaya avatar sindresorhus avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

ama's Issues

Displaying Rich Text from Contentful in Gatsby

Hi there - Here's my question: How do I properly display Rich Text in Gatsby? I'm able to pull the Rich Text from Contentful with my specific query (for example: allContentfulBlogPost { edges { node { childContentfulBlogPostBodyRichTextNode { json } } } }

However, when I try to display this in my Gatsby page, none of the formatting is there. I was using this to grab the content import { documentToReactComponents } from "@contentful/rich-text-react-renderer" and then:

<div>{documentToReactComponents(props.data.allContentfulBlogPost.edges[1].node.childContentfulBlogPostBodyRichTextNode.json)}</div>

Contentful Google Calendar Embed

Hello Khaled 👋🏽 , currently a subscriber to your newsletter and throughly enjoy the content you email over.

Wanted to get your insight about embedding content using Contentful. You recently discussed in your recent newsletter mentioning YouTube video embed's. Was wondering if this would method would correlate as well with possibly embedding a Google Calendar?

Looking forward to your response!

Best,

11ty JAMstack generator

Hi Khaled!

I would like to know your opinion about 11ty static web generator. I found a visual builder that I can design a site and with an adaptor, transform the site in a static site. (With this tool https://www.udesly.com/webflow-to-netlify/).

I think 11th is not based in React or any JS framework. What do you think about this? it looks like i has all the benefits of JAMStack sites with the help of a design builder.

Looking forward from your respond,
Best!

When Gatsby starters don't work for anyone to make it to Contentful....

Your contentful docu is helpful. You also have video tutorial with Lengstorf where you did contentful first before gatsby. I'm thinking in terms of how people can launch gatsby starters with built-in contentful sample. Or if it's the other way around, contentful first, then starters, how would that be easier. And better yet, if people start with a starter, what possible roadblocks can they expect. Let's an error like this:

Error: Invariant Violation: Encountered an error trying to infer a GraphQL type for: mainImage___NODE. There is no corresponding node with the id field matching: "fa41012e-f5a1-50c2-9e79-962033e2184c".

A checklist of what could go wrong with a starter and how to address them would be good.
A checklist where to move content from gatsby to contentful would be helpful as well.

This came to me when I started with a starter and it didn't even work right away, so already before I can even add contentful, I'm already discouraged by the non-starter gatsby starter.

Thanks in advance,
Dennis

Embed YouTube video Contentful Rich text

Hi Khaled!

I have a question regarding Gatsby and Contentful, hopefully you can help me to solve it. I getting into Gatsby and Contentful to create my portfolio site and blog and I found an issue.

I want to embed YouTube videos in my posts in the Rich text on Contentful.

I checked you’ve done in your post in your blog.
Can you tell me how can I embed YouTube videos in the rich text? It will be pretty useful for me.

Hopefully you can help me and pretty sure more people who are trying to figure out how to make it.

Thank you for your time!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.