{"post":{"id":"611d1513d1884b21c098492a","_id":"611d1513d1884b21c098492a","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1629296164343/JMNw6hnD2.png","__typename":"PostCoverImage"},"slug":"integrate-hashnode-in-nextjs-project","readTime":4,"replyCount":2,"responseCount":2,"brief":"Hi everyone 👋, I'm glad to share with you my experience on how I integrate Hashnode into my personal website. We will learn how to integrate Hashnode into the NexJS project by exposing data via Hashnode GraphQL API. Without further ado let's get sta...","subtitle":"Learn how to integrate Hashnode in NextJS and add some spices with Bootswatch","isFeatured":false,"contributors":[{"_id":"5f8ca58a83db9130bf5bc682","name":"Eleftheria Batsou","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1622723816461/uuNxjbiPv.jpeg","username":"eleftheriabatsou","__typename":"User"},{"_id":"60c672264e04b16f7673124a","name":"calebro","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1623618086624/T_HU0G9W7.jpeg","username":"calebro","__typename":"User"}],"bookmarked":false,"views":905,"url":"https://chanpelayo.hashnode.net/integrate-hashnode-in-nextjs-project","totalReactions":37,"title":"Integrate Hashnode in NextJs Project","dateAdded":"2022-04-24T12:48:13.863Z","cuid":"ckshkpgef009so0s13bt4gxwt","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","seo":{"title":"Integrate Hashnode in NextJs Project","description":"Learn how to integrate Hashnode in NextJS and add some spices with Bootswatch","__typename":"SEO"},"ogMetaData":{"image":"","__typename":"OpenGraphMetaData"},"author":{"_id":"60f94d6c62e20b58c1c8f0ce","name":"Christian Pelayo","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1665675912816/1TYUb8tUp.png","isPro":false,"username":"chanpelayo","__typename":"User","tagline":"Software Engineer / Salesforce Developer from Philippines"},"coAuthors":[],"series":null,"tags":[{"_id":"56744722958ef13879b94f1b","logo":"https://res.cloudinary.com/hashnode/image/upload/v1450469658/vdxecajl3uwbprclsctm.jpg","name":"Web Development","slug":"web-development","__typename":"Tag"},{"_id":"56a399f292921b8f79d3633c","logo":null,"name":"Frontend Development","slug":"frontend-development","__typename":"Tag"},{"_id":"584879f0c0aaf085e2012086","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1651122498709/FQjch0sgd.png","name":"Next.js","slug":"nextjs","__typename":"Tag"},{"_id":"567ae5a72b926c3063c3061a","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1619605440273/S3_X4Rf7V.jpeg","name":"Hashnode","slug":"hashnode","__typename":"Tag"},{"_id":"57f58a9917809963610207dd","logo":null,"name":"integration","slug":"integration","__typename":"Tag"}],"publication":{"_id":"60f9518f74648858f4bb4b5a","url":"https://chanpelayo.hashnode.net","canonicalURL":"https://chanpelayo.hashnode.net","title":"Christian Pelayo","displayTitle":null,"isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1663034684704/Jkg4PdZdf.png","headerColor":"","metaTags":null,"isTeam":true,"domainInfo":{"hashnodeSubdomain":"chanpelayo","domain":{"host":"blog.christianpelayo.com","ready":true,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"611e2197c4783a33f5e254e3","author":{"_id":"5f8ca58a83db9130bf5bc682","name":"Eleftheria Batsou","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1622723816461/uuNxjbiPv.jpeg","isPro":false,"username":"eleftheriabatsou","__typename":"User"},"content":{"html":"

That was great Christian Pelayo!

I think many people will find it useful :)

\n","markdown":"That was great @[Christian Pelayo](@chanpelayo)!\n\nI think many people will find it useful :)","text":"That was great Christian Pelayo!\nI think many people will find it useful :)\n","__typename":"Content"},"dateAdded":"2021-08-19T09:17:11.685Z","stamp":"cksipms1v01il9hs1aj5l7tr8","totalReactions":1,"__typename":"Comment","replies":{"edges":[{"node":{"id":"611e6188a5d08237f40dc95f","author":{"_id":"60f94d6c62e20b58c1c8f0ce","name":"Christian Pelayo","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1665675912816/1TYUb8tUp.png","isPro":false,"username":"chanpelayo","__typename":"User"},"content":{"html":"

Thank you! 🙂

\n","markdown":"Thank you! 🙂","text":"Thank you! 🙂\n","__typename":"Content"},"dateAdded":"2021-08-19T13:50:00.565Z","stamp":"cksizdmcz011y1ws1ewpy0mwh","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"6265ce0a5dd5677e9b8df392","author":{"_id":"60c672264e04b16f7673124a","name":"calebro","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1623618086624/T_HU0G9W7.jpeg","isPro":false,"username":"calebro","__typename":"User"},"content":{"html":"

Great article. Christian Pelayo

\n","markdown":"Great article. @[Christian Pelayo](@chanpelayo)","text":"Great article. Christian Pelayo\n","__typename":"Content"},"dateAdded":"2022-04-24T22:24:10.149Z","stamp":"cl2duy3dw01tjetnv1t1cceyr","totalReactions":1,"__typename":"Comment","replies":{"edges":[{"node":{"id":"626605605dd5677e9b8df642","author":{"_id":"60f94d6c62e20b58c1c8f0ce","name":"Christian Pelayo","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1665675912816/1TYUb8tUp.png","isPro":false,"username":"chanpelayo","__typename":"User"},"content":{"html":"

Thank you! 🙂

\n","markdown":"Thank you! 🙂","text":"Thank you! 🙂\n","__typename":"Content"},"dateAdded":"2022-04-25T02:20:16.364Z","stamp":"cl2e3dq3u024fetnvhjw24r4g","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"Mg==","__typename":"PageInfo"},"__typename":"PostCommentConnection"},"commenters":{"edges":[{"node":{"_id":"5f8ca58a83db9130bf5bc682","name":"Eleftheria Batsou","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1622723816461/uuNxjbiPv.jpeg","isPro":false,"username":"eleftheriabatsou","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"60c672264e04b16f7673124a","name":"calebro","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1623618086624/T_HU0G9W7.jpeg","isPro":false,"username":"calebro","__typename":"User"},"__typename":"PostCommenterEdge"}],"__typename":"PostCommenterConnection"}}}

Integrate Hashnode in NextJs Project

4 comments