{"post":{"id":"6187efed47828111df80007c","_id":"6187efed47828111df80007c","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1636266997125/C_QN44uJc.png","__typename":"PostCoverImage"},"slug":"build-a-quiz-app-with-nextjs-and-tailwindcss","readTime":7,"replyCount":1,"responseCount":2,"brief":"Hey guys, this is gonna be a tutorial plus a challenge. I also have a giveaway at the end so stay tuned ;)\nDemo\nhttps://www.loom.com/share/057cf700f0a24f22ba1f3528f8f9e585\nYou can try it out yourself here- https://quiz-challenge.vercel.app/\nSetting u...","subtitle":"","isFeatured":false,"contributors":[{"_id":"5f65146c67d51d3b5d479883","name":"Marko Denic","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1602672345978/Q-Lb8JEqJ.jpeg","username":"denic","__typename":"User"},{"_id":"60fe145031552277811b0608","name":"LAND OF MISFITS","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1627264081289/B0a5bEu1g.png","username":"ticy-tocy","__typename":"User"}],"bookmarked":false,"views":6669,"url":"https://avneesh0612.hashnode.net/build-a-quiz-app-with-nextjs-and-tailwindcss","totalReactions":139,"title":"Build a quiz App with Next.js and TailwindCSS!","dateAdded":"2021-11-07T15:25:33.933Z","cuid":"ckvpe0nvs0bi2j3s14agb90ic","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","seo":{"title":"","description":"","__typename":"SEO"},"ogMetaData":{"image":"","__typename":"OpenGraphMetaData"},"author":{"_id":"60d17a4ea6a3a25dadf6267c","name":"Avneesh Agarwal","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1671455484628/lniniZ4CU.jpeg","isPro":false,"username":"avneesh0612","__typename":"User","tagline":"Fullstack web3 developer"},"coAuthors":[],"series":null,"tags":[{"_id":"584879f0c0aaf085e2012086","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1651122498709/FQjch0sgd.png","name":"Next.js","slug":"nextjs","__typename":"Tag"},{"_id":"5f4ebbb150b5c61ec6ef4ad2","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607093541067/JnBZUjK8b.png","name":"Tailwind CSS","slug":"tailwind-css","__typename":"Tag"},{"_id":"5f76e2947d160d41227d65b9","logo":null,"name":"Tailwind CSS Tutorial","slug":"tailwind-css-tutorial","__typename":"Tag"},{"_id":"56744723958ef13879b95434","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513321478077/ByCWNxZMf.png","name":"React","slug":"reactjs","__typename":"Tag"},{"_id":"56744721958ef13879b94cad","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082785538/EryuLRriM.png","name":"JavaScript","slug":"javascript","__typename":"Tag"}],"publication":{"_id":"60d17a93a6a3a25dadf6268d","url":"https://avneesh0612.hashnode.net","canonicalURL":"https://avneesh0612.hashnode.net","title":"Avneesh Agarwal","displayTitle":"Avneesh's blog","isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1671455546139/mGNe3EEPv.jpeg","headerColor":"","metaTags":"","isTeam":false,"domainInfo":{"hashnodeSubdomain":"avneesh0612","domain":{"host":"blog.avneesh.tech","ready":true,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"61883e7541f03514daf408aa","author":{"_id":"60fe145031552277811b0608","name":"LAND OF MISFITS","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1627264081289/B0a5bEu1g.png","isPro":false,"username":"ticy-tocy","__typename":"User"},"content":{"html":"

Very nice!

\n","markdown":"Very nice!","text":"Very nice!\n","__typename":"Content"},"dateAdded":"2021-11-07T21:00:37.793Z","stamp":"ckvppzjts0e304as19w18a3pb","totalReactions":2,"__typename":"Comment","replies":{"edges":[{"node":{"id":"6188cdbb2f1cdb384b28bac1","author":{"_id":"60d17a4ea6a3a25dadf6267c","name":"Avneesh Agarwal","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1671455484628/lniniZ4CU.jpeg","isPro":false,"username":"avneesh0612","__typename":"User"},"content":{"html":"

Thanks :D

\n","markdown":"Thanks :D","text":"Thanks :D\n","__typename":"Content"},"dateAdded":"2021-11-08T07:11:55.577Z","stamp":"ckvqbtol401uu4bs106xke3pi","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"633198c4fef0c33425207f32","author":{"_id":"5f65146c67d51d3b5d479883","name":"Marko Denic","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1602672345978/Q-Lb8JEqJ.jpeg","isPro":false,"username":"denic","__typename":"User"},"content":{"html":"

A very detailed article, Avneesh! Thank you!

If someone is interested in quizzes, you can play JavaScript Quiz. Have fun!

\n","markdown":"A very detailed article, Avneesh! Thank you!\n\nIf someone is interested in quizzes, you can play [JavaScript Quiz](https://javascriptquiz.com). Have fun!","text":"A very detailed article, Avneesh! Thank you!\nIf someone is interested in quizzes, you can play JavaScript Quiz. Have fun!\n","__typename":"Content"},"dateAdded":"2022-09-26T12:19:16.227Z","stamp":"cl8iql85e01e9dhnv502p7w0o","totalReactions":1,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"Mg==","__typename":"PageInfo"},"__typename":"PostCommentConnection"},"commenters":{"edges":[{"node":{"_id":"5f65146c67d51d3b5d479883","name":"Marko Denic","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1602672345978/Q-Lb8JEqJ.jpeg","isPro":false,"username":"denic","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"60fe145031552277811b0608","name":"LAND OF MISFITS","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1627264081289/B0a5bEu1g.png","isPro":false,"username":"ticy-tocy","__typename":"User"},"__typename":"PostCommenterEdge"}],"__typename":"PostCommenterConnection"}}}

Build a quiz App with Next.js and TailwindCSS!

3 comments