GithubHelp home page GithubHelp logo

pauliescanlon / fauna-gatsby-comments Goto Github PK

View Code? Open in Web Editor NEW
29.0 4.0 3.0 679 KB

Roll your own comments with Gatsby and FaunaDB ๐Ÿ—ž๏ธ

Home Page: https://fauna-gatsby-comments.netlify.app/

License: MIT License

JavaScript 100.00%
gatsby gatsbyjs faunadb fauna

fauna-gatsby-comments's Introduction

fauna-gatsby-comments main image

Roll your own comments with Gatsby and FaunaDB

In this tutorial we'll learn how to write all the FaunaDB operations required to drive a Gatsby Blog commenting system.

Check out the demo app here

... and checkout the tutorial on CSS-Tricks here

If you used fauna-gatsby-comments to help build your project i'd love to hear from you: @pauliescanlon

ko-fi

fauna-gatsby-comments's People

Contributors

pauliescanlon avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

fauna-gatsby-comments's Issues

unable to login locally

I was able to follow along with your article (which is great, thanks by the way!) up until the part with Netlify Identity, where:

  • On the admin route, clicking either Sign Up or Login will create a grey modal background but no dialog shows. This prevents me from creating a user.
  • I was however able to create a user by going to the Netlify-deployed environment, clicking Login, then within the dialog switching to Sign Up (which seems to subvert a bit your intention with the sign up env flag?)
  • I pushed a commit to log out the user's id and added it to Netlify's GATSBY_ADMIN_ID environment variables and redeployed.
  • I'm then able to write comments and approve them on the deployed site.

Unfortunately, this prevents development locally beyond viewing posts.

I tried updating netlify-identity-widget to the latest 1.6.0 version. Also tried in an incognito to rule out extensions interfering. Neither had any effect.

The only modification I made to your instructions was to add --host 0.0.0.0 to the develop script so that I could reach the local server from another machine. There's no script errors reported. I'm on Chrome 83.

error Missing onError handler for invocation 'building-schema'

Hi, thanks a lot for this tutorial! Everything was going great until I tried to run the server locally after installing with npm, where I got this error:

error Missing onError handler for invocation 'building-schema', error was 'Error: Cannot create as TypeComposer the following value: Date.'. Stacktrace was 'Error: Cannot create as TypeComposer the following value: Date.
    at SchemaComposer.createTempTC (/fauna-gatsby-comments/node_modules/graphql-compose/lib/SchemaComposer.js:365:11)
    at SchemaComposer.addAsComposer (/fauna-gatsby-comments/node_modules/graphql-compose/lib/SchemaComposer.js:563:27)
    at createSchemaComposer (/fauna-gatsby-comments/node_modules/gatsby/src/schema/schema-composer.js:16:18)
    at build (/fauna-gatsby-comments/node_modules/gatsby/src/schema/index.js:104:26)
    at buildSchema (/fauna-gatsby-comments/node_modules/gatsby/src/services/build-schema.ts:19:3)'
not finished building schema - 8.663s

It built without any errors on Netlify. Managed to get around it by using yarn instead of npm but thought I'd mention it in case it's helpful! Thanks again for the tutorial.

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.