{"publication":{"id":"5cb472db602e12c87a71898d","url":"https://blog.greenroots.info","canonicalURL":"https://blog.greenroots.info","title":"GreenRoots Blog - Tapas Adhikary","displayTitle":"GreenRoots Blog - A Blog by Tapas Adhikary","descriptionSEO":"Articles about Tech, JavaScript, Web Technologies, and Career development. ","username":"atapas","about":{"html":"

Educator | YouTuber | Building ReactPlay | Let's Connect

\n","__typename":"AboutPublication"},"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":true,"__typename":"PublicationFeatures"},"ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"id":"5c9bb4026656f09759cdc1f0","name":"Tapas Adhikary","username":"atapas","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1645464332466/IynS2q6H6.jpeg","coverPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1600664871923/b_jH_Ncd9.png","__typename":"User"},"preferences":{"logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1571822266210/WoU_msKQk.png","darkMode":{"logo":null,"enabled":null,"__typename":"DarkModePreferences"},"customCSS":{"enabled":true,"staticMin":".blog-impressum h3{display:none}","homeMin":".blog-impressum h3{display:none}","__typename":"CustomCSSPreferences"},"navbarItems":[{"id":"633656e5fa20fa4bc8e549cf","label":"Open Source","url":"https://blog.greenroots.info/series/open-source","priority":7,"type":"series","series":{"id":"6336554bfa20fa4bc8e549a6","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"628e4b5519bda58ac7fb144e","label":"Promises","url":"https://blog.greenroots.info/series/javascript-promises","priority":6,"type":"series","series":{"id":"610368709036db5b3513b66f","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"6451ca6102f36ce6e30089ca","label":"React","url":"https://blog.greenroots.info/series/react","priority":5,"type":"series","series":{"id":"6451c56b02f36ce6e3008981","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"628e4b3619bda58ac7fb1439","label":"Blogging","url":"https://blog.greenroots.info/series/blogging-tips-and-tricks","priority":4,"type":"series","series":{"id":"5fb4be1cb589f1618af9e4d1","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"628e4b2c43220290a7eeaec3","label":"Tips and Tricks","url":"https://blog.greenroots.info/series/learn-with-tips-tricks","priority":3,"type":"series","series":{"id":"6018de706f4ec96a5b77a31b","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"6451ced902f36ce6e3008a58","label":"Support Me","url":"https://blog.greenroots.info/sponsor","priority":2,"type":"link","series":null,"__typename":"PublicationNavbarItem"},{"id":"6451cee102f36ce6e3008a62","label":"GitHub Sponsors","url":"https://blog.greenroots.info/github-sponsors","priority":1,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"6451cee802f36ce6e3008a6d","label":"Hacking","url":"https://blog.greenroots.info/series/hacking","priority":1,"type":"series","series":{"id":"603717f70c99f77f2f8a67a0","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"604632b1d0457f4d5c58333a","label":"About","url":"https://blog.greenroots.info/about","priority":0,"type":"page","series":null,"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":true,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"customCSSDraft":{"enabled":null,"staticMin":".blog-impressum h3{display:none}","homeMin":".blog-impressum h3{display:none}","__typename":"CustomCSSPreferences"},"layout":"magazine","disableFooterBranding":false,"__typename":"Preferences"},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1560855683137/85XtBDDa2.png","headerColor":"#fbfff5","metaTags":"\n","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":null,"hotjarSiteID":"2056755","matomoSiteID":null,"matomoURL":null,"gaTrackingID":"UA-170919872-1","plausibleAnalyticsEnabled":null,"wmPaymentPointer":"$ilp.uphold.com/mExiJU8rNMp2","__typename":"PublicationIntegrations"},"postsCount":164,"impressum":"

Learn from Video Tutorials ✨

▶️ My YouTube Channel

Blogs I enjoy reading 👇

Victoria Lo's Blog | Chris's Daily Dev Tips | Marko Denic's Post

\n","isTeam":false,"links":{"twitter":"https://twitter.com/tapasadhikary","instagram":"https://instagram.com/tapascript","github":"https://github.com/atapas","website":"https://tapasadhikary.com","hashnode":"https://hashnode.com/@atapas","youtube":"https://www.youtube.com/channel/UCaYr5yxgOyk599Mnb3TGh-g","dailydev":"https://app.daily.dev/atapas","linkedin":"https://www.linkedin.com/in/tapasadhikary","mastodon":"https://fosstodon.org/@tapasadhikary","__typename":"PublicationLinks"},"domainInfo":{"domain":{"value":"blog.greenroots.info","certIssued":true,"ready":true,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":null,"certIssued":null,"ready":null,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"__typename":"Publication","series":{"id":"5f3d0888456c173201125ebe","name":"Jamstack for All","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1620893562844/-kI3jdygb.png","slug":"jamstack","description":"Jamstck is not new. It's around since 2015 and growing every day. In this series, We will learn about Jamstack basic to advanced concepts. Follow the series for knowledge, practical examples, and fun!\n","cuid":"cke19xxge004uvls1auha9inv","author":{"id":"5c9bb4026656f09759cdc1f0","name":"Tapas Adhikary","username":"atapas","__typename":"User"},"posts":{"edges":[{"node":{"id":"617a20a36584fe6ae59853c0","title":"How I used HarperDB Custom Functions and Recharts to create Dashboard","slug":"how-to-create-dashboard-with-harperdb-custom-functions-and-recharts","publishDate":"2021-10-28T04:01:39.218Z","cuid":"ckvaf6mgn0ead45s17gen78qq","url":"https://blog.greenroots.info/how-to-create-dashboard-with-harperdb-custom-functions-and-recharts","subtitle":"The custom functions from HarperDB let you create APIs on the go. Learn how to create a dashboard using Recharts and HarperDB custom functions.","brief":"Last summer, I got a chance to explore HarperDB - a fast, flexible database that allows you to perform rapid application development, distributed computing, SaaS, and many more. I've developed a book library app(named flicks) with HarperDB and Gatsby...","readTimeInMinutes":16,"views":1898,"author":{"id":"5c9bb4026656f09759cdc1f0","username":"atapas","name":"Tapas Adhikary","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1645464332466/IynS2q6H6.jpeg","followersCount":22265,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1634555461978/slG3aS7vH.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjE3YTIwYTM2NTg0ZmU2YWU1OTg1M2MwXzIwMjEtMTAtMjhUMDQ6MDE6MzkuMjE4Wg==","__typename":"PostEdge"},{"node":{"id":"60c834ee590a5c065656588a","title":"Create a serverless book library app with HarperDB and Gatsbyjs","slug":"create-a-serverless-book-library-app-with-harperdb-and-gatsbyjs","publishDate":"2021-06-15T05:04:46.257Z","cuid":"ckpxkzsk407t192s1d5uk04qt","url":"https://blog.greenroots.info/create-a-serverless-book-library-app-with-harperdb-and-gatsbyjs","subtitle":"Learn how to create a serverless app using HarperDB & Gatsbyjs. In this step-by-step tutorial, we will learn to create a book library app and deploy.","brief":"One of the many advantages of trying out side-projects is, you never run out of the ideas of trying out something new. For example, recently, I had an opportunity to try out a modern, easy-to-use, fast database, HarperDB. As I learned how to set up a...","readTimeInMinutes":18,"views":14840,"author":{"id":"5c9bb4026656f09759cdc1f0","username":"atapas","name":"Tapas Adhikary","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1645464332466/IynS2q6H6.jpeg","followersCount":22265,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1622437320794/d5gzYDvLK.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjBjODM0ZWU1OTBhNWMwNjU2NTY1ODhhXzIwMjEtMDYtMTVUMDU6MDQ6NDYuMjU3Wg==","__typename":"PostEdge"},{"node":{"id":"609e419db684eb4cd52c5e86","title":"Build a Jamstack subscription form with Netlify forms and Fauna - Part 2","slug":"build-a-jamstack-subscription-form-with-netlify-forms-and-fauna-part-2","publishDate":"2021-05-14T09:23:41.072Z","cuid":"ckoo45hwp0fqw6ds1dksv0j2z","url":"https://blog.greenroots.info/build-a-jamstack-subscription-form-with-netlify-forms-and-fauna-part-2","subtitle":"Learn how to store the Netlify form data into a data store. We will understand how Netlify and Fauna work together in Jamstack way.","brief":"Hey there 👋! Welcome to part-2 of the tutorial. I hope you enjoyed part-1 in building a Jamstack form using Netlify Forms. This article will learn about storing the form data into the Fauna data store.\n\nHere is the link to part-1 of the tutorial: Bu...","readTimeInMinutes":7,"views":998,"author":{"id":"5c9bb4026656f09759cdc1f0","username":"atapas","name":"Tapas Adhikary","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1645464332466/IynS2q6H6.jpeg","followersCount":22265,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1620890977839/20uf6apG7.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjA5ZTQxOWRiNjg0ZWI0Y2Q1MmM1ZTg2XzIwMjEtMDUtMTRUMDk6MjM6NDEuMDcyWg==","__typename":"PostEdge"},{"node":{"id":"609b54e800bbde79d86a563a","title":"Build a Jamstack subscription form with Netlify forms and Fauna - Part 1","slug":"build-a-jamstack-subscription-form-with-netlify-forms-and-fauna-part-1","publishDate":"2021-05-12T04:09:12.176Z","cuid":"ckoky1dah03iz2gs1f6tz3suq","url":"https://blog.greenroots.info/build-a-jamstack-subscription-form-with-netlify-forms-and-fauna-part-1","subtitle":"Learn how to build a Jamstack form in a few minutes using Netlify Forms. After that, it is all about going serverless with Netlify and Fauna. Enjoy!","brief":"What are a few things you wish for as a software/solution/product developer? In case you are thinking to answer, your list may contain some of these,\n\nIt is fun when we have to do less to achieve more.\nIt is more worthy when we have to pay less to bu...","readTimeInMinutes":9,"views":1354,"author":{"id":"5c9bb4026656f09759cdc1f0","username":"atapas","name":"Tapas Adhikary","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1645464332466/IynS2q6H6.jpeg","followersCount":22265,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1620731576911/p0iatT3r6.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjA5YjU0ZTgwMGJiZGU3OWQ4NmE1NjNhXzIwMjEtMDUtMTJUMDQ6MDk6MTIuMTc2Wg==","__typename":"PostEdge"},{"node":{"id":"5ffe9522c162d710c9b13855","title":"How to create a Jamstack pet store app using Stripe, Gatsbyjs, and Netlify functions","slug":"how-to-create-a-jamstack-pet-store-app-using-stripe-gatsbyjs-and-netlify-functions","publishDate":"2021-01-13T06:37:22.370Z","cuid":"ckjv1xjox052kbds11zduadxr","url":"https://blog.greenroots.info/how-to-create-a-jamstack-pet-store-app-using-stripe-gatsbyjs-and-netlify-functions","subtitle":"","brief":"Jamstack is a modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup. One of the aspects of Jamstack is, it is practically serverless. To put it more clearly, we do not maintain any server-side applica...","readTimeInMinutes":13,"views":2562,"author":{"id":"5c9bb4026656f09759cdc1f0","username":"atapas","name":"Tapas Adhikary","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1645464332466/IynS2q6H6.jpeg","followersCount":22265,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1610519367022/Albw_9WCW.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NWZmZTk1MjJjMTYyZDcxMGM5YjEzODU1XzIwMjEtMDEtMTNUMDY6Mzc6MjIuMzcwWg==","__typename":"PostEdge"},{"node":{"id":"5fb0becac03b0e471014fd25","title":"How to debug Netlify serverless lambda functions using VS Code for your JAMstack app","slug":"how-to-debug-netlify-serverless-lambda-functions-using-vs-code-for-your-jamstack-app","publishDate":"2020-11-15T05:38:18.198Z","cuid":"ckhioubqd01lz1cs1cfiz85u2","url":"https://blog.greenroots.info/how-to-debug-netlify-serverless-lambda-functions-using-vs-code-for-your-jamstack-app","subtitle":"","brief":"The JAMstack is a modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup. JAMstack applications are practically serverless. To put it more clearly, we do not maintain any server-side applications but r...","readTimeInMinutes":5,"views":636,"author":{"id":"5c9bb4026656f09759cdc1f0","username":"atapas","name":"Tapas Adhikary","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1645464332466/IynS2q6H6.jpeg","followersCount":22265,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1605417181598/MYr3Cir3h.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NWZiMGJlY2FjMDNiMGU0NzEwMTRmZDI1XzIwMjAtMTEtMTVUMDU6Mzg6MTguMTk4Wg==","__typename":"PostEdge"}],"pageInfo":{"endCursor":"NWZiMGJlY2FjMDNiMGU0NzEwMTRmZDI1XzIwMjAtMTEtMTVUMDU6Mzg6MTguMTk4Wg==","hasNextPage":true,"__typename":"PageInfo"},"__typename":"PostConnection"},"__typename":"Series"}}}

Osman M Elsayed