[{"_id":"674553651b8c712f137963e8","publication":"5f5b77a0e0b75e58b2952120","user":{"_id":"5f5b7773e0b75e58b295211b","isDeactivated":false,"numFollowers":25,"hasGoldRing":true,"name":"Shubham Verma","username":"shubhamverma","tagline":"Create through code. ","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1611113612584/3nIUAm-Fp.jpeg"},"createdAt":"2024-11-26T04:49:29.286Z","memberName":"Shubham Verma","memberPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1611113612584/3nIUAm-Fp.jpeg","privacyState":"public","role":"author","updatedAt":"2024-11-26T04:49:29.286Z","username":"shubhamverma","latestPosts":[{"_id":"61aab9686acd3f65bec45ec9","isAnonymous":false,"views":145,"coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1638578380649/b63y95yiH.png","brief":"While working on React files in VSCode the most annoying thing is the lack of symbols & outlines support.\n🎉 So I created an extension that can finally support that for your React files!🎉\nLinks below!\nHere are the before and after screenshots:\n\n\nCon...","upvotes":0,"tags":["56744723958ef13879b95434","57323a8bae9d49b5a5a5b39c","5f5c6d4213599a5f2e33f00f"],"responseCount":0,"replyCount":0,"isActive":true,"bookmarkedIn":[],"reactions":[],"totalReactions":0,"reactionsByCurrentUser":[],"isPinnedToBlog":false,"title":"VSCode Extension that enable symbols and outlines support for your React files!","subtitle":"This is a simple extension that shows the symbols and outlines for a React file.\n\nIt can detect custom components and also HTML tags.","type":"story","coverImageAttribution":"","coverImagePhotographer":"","isCoverAttributionHidden":false,"partOfPublication":true,"publication":{"_id":"5f5b77a0e0b75e58b2952120","betaFeatures":{"newsletter":false,"embeds":false},"views":{"today":4,"thisWeek":10,"lastWeek":44,"thisMonth":63,"allTime":13932},"badgePageEnabled":true,"newsletterEnabled":false,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1712016000":3,"1712102400":9,"1712188800":7,"1712275200":6,"1712361600":8,"1712448000":8,"1712534400":4,"1712620800":5,"1712707200":5,"1712793600":4,"1712880000":8,"1712966400":10,"1713052800":8,"1713139200":3,"1713225600":3,"1713312000":6,"1713398400":6,"1713484800":11,"1713571200":3,"1713657600":7,"1713744000":14,"1713830400":5,"1713916800":5,"1714003200":5,"1714089600":2,"1714262400":6,"1714348800":8,"1714521600":2},"author":"5f5b7773e0b75e58b295211b","isActive":true,"username":"shubhamverma18","domain":"blogs.shubhamverma.me","urlPattern":"simple","title":"Shubham Verma | Blogs","links":{"twitter":"https://twitter.com/verma__shubham","github":"https://github.com/ShubhamVerma1811","website":"https://shubhamverma.me","hashnode":"https://hashnode.com/@shubhamverma18","youtube":"","dailydev":"","linkedin":"https://linkedin.com/in/ShubhamVerma1811"},"__v":0,"imprintMarkdown":"You can reach out to me on [Twitter](https://twitter.com/Shubham_Verma18)\n\nIf you like my content, then you can support me from [Buy Me a Coffee](https://buymeacoffee.com/shubhamverma)","imprint":"

You can reach out to me on Twitter

If you like my content, then you can support me from Buy Me a Coffee

\n","meta":"Hi 👋\nI am [Shubham Verma](https://shubhamverma.me), a Frontend Developer from India.","metaHTML":"

Hi 👋\nI am Shubham Verma, a Frontend Developer from India.

\n","headerColor":"","layout":"grid","logo":"","favicon":"","darkModeEnabled":true,"customCSSDraft":{"home":".blog-author-area-photo{\n border:3px solid gold;\n}\n\n.blog-author-area-photo .w-full{\n border:3px solid black;\n border-radius:50%;\n}","post":"@import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;500&display=swap');\n\n.dark ::selection {\n color:black;\n}\n\n* {\n font-family: 'Karla';\n}","static":"","homeMin":".blog-author-area-photo{border:3px solid gold}.blog-author-area-photo .w-full{border:3px solid black;border-radius:50%}","postMin":"@import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;500&display=swap');.dark ::selection{color:black}*{font-family:'Karla'}"},"customCSSEnabled":false,"wmPaymentPointer":"$ilp.uphold.com/RpM3whjzmfzH","metaTags":"","gaTrackingID":"","fathomSiteID":"","fbPixelID":"","hotjarSiteID":"","hasBadges":true,"viewCountVisible":true,"customCSSPublished":{"home":".blog-author-area-photo{\n border:3px solid gold;\n}\n\n.blog-author-area-photo .w-full{\n border:3px solid black;\n border-radius:50%;\n}","post":".dark ::selection {\n color:black;\n}","static":"","homeMin":".blog-author-area-photo{border:3px solid gold}.blog-author-area-photo .w-full{border:3px solid black;border-radius:50%}","postMin":".dark ::selection{color:black}"},"textSelectionSharerEnabled":true,"fathomCustomDomain":"","matomoSiteID":null,"matomoURL":"","menu":[{"priority":0,"_id":"604632cdd0457f4d5c5835a2","type":"page","label":"About","page":"5f5c5552ddc3fe5f4f24cb62"},{"priority":0,"_id":"604632cdd0457f4d5c5835a3","type":"page","label":"Contact","page":"5f5c55d813599a5f2e33ef3b"},{"priority":0,"_id":"605f112138b0e14f092a2064","type":"series","label":"Project Hunt","series":"605f0ede38b0e14f092a1ff8"}],"domainStatus":{"certIssued":true,"ready":true,"status":"VERIFIED","verifiedAt":"2024-11-24T07:45:51.074Z"},"isEligibleFor2021EoyReview":true,"pageViews2021":6293,"umamiWebsiteUUID":"12dd42e9-566b-4529-9ddd-03adef8b85f5","umamiDataImported":true,"createdAt":"2020-09-11T13:12:00.000Z","updatedAt":"2020-09-11T13:12:00.000Z","domainUpdatedOn":"2024-11-24T07:45:51.074Z","wwwPrefixedDomainStatus":{"certIssued":false,"ready":false,"status":"FAILED"},"isTeam":true},"slug":"vscode-extension-that-enable-symbols-and-outlines-support-for-your-react-files","series":"605f0ede38b0e14f092a1ff8","dateAdded":"2021-12-04T00:42:16.658Z","contributors":[],"cuid":"ckwr3cqog03pg3is1gm9r0zji","author":"5f5b7773e0b75e58b295211b","readTime":1},{"_id":"60db0e90f4984338ee7cb54f","isAnonymous":false,"views":538,"coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1624968292549/tXlKHbTQt.png","brief":"In this short blog, I'll show you how you can write Markdown in NextJS using MDX.\nInstallation\n\nBefore getting starting, I assume you have already initialized a NextJS project.\n\n yarn add @next/mdx @mdx-js/loader\n\nOR\nnpm install --save @next/mdx @md...","upvotes":0,"tags":["56744723958ef13879b95434","584879f0c0aaf085e2012086","56744721958ef13879b94cad","56744722958ef13879b94f1b"],"responseCount":0,"replyCount":0,"isActive":true,"bookmarkedIn":[],"reactions":[],"totalReactions":8,"reactionsByCurrentUser":[],"isPinnedToBlog":false,"title":"The easiest way to write Markdown in NextJS!!","subtitle":"","type":"story","partOfPublication":true,"publication":{"_id":"5f5b77a0e0b75e58b2952120","betaFeatures":{"newsletter":false,"embeds":false},"views":{"today":4,"thisWeek":10,"lastWeek":44,"thisMonth":63,"allTime":13932},"badgePageEnabled":true,"newsletterEnabled":false,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1712016000":3,"1712102400":9,"1712188800":7,"1712275200":6,"1712361600":8,"1712448000":8,"1712534400":4,"1712620800":5,"1712707200":5,"1712793600":4,"1712880000":8,"1712966400":10,"1713052800":8,"1713139200":3,"1713225600":3,"1713312000":6,"1713398400":6,"1713484800":11,"1713571200":3,"1713657600":7,"1713744000":14,"1713830400":5,"1713916800":5,"1714003200":5,"1714089600":2,"1714262400":6,"1714348800":8,"1714521600":2},"author":"5f5b7773e0b75e58b295211b","isActive":true,"username":"shubhamverma18","domain":"blogs.shubhamverma.me","urlPattern":"simple","title":"Shubham Verma | Blogs","links":{"twitter":"https://twitter.com/verma__shubham","github":"https://github.com/ShubhamVerma1811","website":"https://shubhamverma.me","hashnode":"https://hashnode.com/@shubhamverma18","youtube":"","dailydev":"","linkedin":"https://linkedin.com/in/ShubhamVerma1811"},"__v":0,"imprintMarkdown":"You can reach out to me on [Twitter](https://twitter.com/Shubham_Verma18)\n\nIf you like my content, then you can support me from [Buy Me a Coffee](https://buymeacoffee.com/shubhamverma)","imprint":"

You can reach out to me on Twitter

If you like my content, then you can support me from Buy Me a Coffee

\n","meta":"Hi 👋\nI am [Shubham Verma](https://shubhamverma.me), a Frontend Developer from India.","metaHTML":"

Hi 👋\nI am Shubham Verma, a Frontend Developer from India.

Members (1)

Shubham Verma