DEV Community

Cover image for Create a Bookmark Manager App using FaunaDB and Netlify Serverless functions

Create a Bookmark Manager App using FaunaDB and Netlify Serverless functions

Yogesh Chavan on September 24, 2020

Introduction In this article, you will create a Bookmark Manager App using FaunaDB GraphQL API and Netlify serverless functions. By cr...
Collapse
 
ducnvph08993 profile image
Info Comment hidden by post author - thread only accessible via permalink
ducnvph08993

I can not fetch API , please help me!

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

Have you added the Fauna API Key to .env file ?

Collapse
 
ducnvph08993 profile image
ducnvph08993

/src/components/Home/index.js
Line 31:8: React Hook useEffect has a missing dependency: 'getBookmarks'. Either include it or remove the dependency array react-hooks/exhaustive-deps and a warning!

Thread Thread
 
myogeshchavan97 profile image
Yogesh Chavan

That is fine. it's just a warning

Collapse
 
ducnvph08993 profile image
ducnvph08993

i've!

Thread Thread
 
myogeshchavan97 profile image
Yogesh Chavan

what error you are getting in the browser console?

Thread Thread
 
ducnvph08993 profile image
ducnvph08993

Failed to load resource: the server responded with a status of 500 (Internal Server Error)

Thread Thread
 
ducnvph08993 profile image
ducnvph08993

POST localhost:8888/api/getBookmarks 500 (Internal Server Error) here is true error

Thread Thread
 
myogeshchavan97 profile image
Yogesh Chavan

Looks like either you missed something while doing the Faunadb configuration or some issue with the code you have written. can you please clone my GitHub repository from here and re-create another fauna database by following the FaunaDB configuration steps mentioned in the beginning of this article. Then use your Fauna API key in the .env file and then verify the application. If it's working, that means you're missing something then compare my code with your code.

FYI: I have again cloned my repository just to verify its working or not and found that, it's working without any issue. So just follow the steps mentioned in my github repository readme.

Thread Thread
 
ducnvph08993 profile image
ducnvph08993

When i clone your code. I have an issue that's: Browserslist: caniuse-lite is outdated. Please run the following command: npx browserslist --update-db

Thread Thread
 
myogeshchavan97 profile image
Yogesh Chavan • Edited

That is not an error, it's just a suggestion. It's just saying you're using the old version of browserslist package and a newer version is available. The application will work without updating to the latest version But If you want, you can run the npx browserslist --update-db command from the terminal to update to the latest version and then run netlify dev command to start the application. I would recomment you to read this entire article once again. I have given clear steps for how to create a bookmark manager application. Please follow them and also read the GitHub repository readme for steps to run the application. Application is working fine. There is no issue. You might be missing something to do so read the article once again. Thanks πŸ™‚

Collapse
 
madza profile image
Madza

FaunaDB UI looks so clean and intuitive πŸ‘πŸ‘Œ

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

Yes. it looks really nice.πŸ‘

Collapse
 
andrewbaisden profile image
Andrew Baisden

First time hearing about FaunaDB looks interesting they even have a free plan.

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

Yes, It simplifies a lot of things and is also easy to use.

Collapse
 
kasiriveni profile image
Srinivas Kasiriveni

πŸ‘πŸ‘Nice

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

Thank you😎

Some comments have been hidden by the post's author - find out more