Website

Portfolio Website & tech blog of Payapula Live at https://www.bharathikannan.com/

---

Tech Stack

• Next JS
• Chakra UI
• Next MDX Remote

---

Resources

• MDX Embed
• Blog Example with next mdx remote

---

Inspirations

• Kent C Dodds Blog
• Leerob Blog
• Chakra UI Website

---

Project Status

Please refer to Projects

---

Installation

npm install

npm run dev

---

View Preview Locally on Mobile

Windows:

Run ipconfig and get the ipaddress of your localhost

MAC:

Run ifconfig and get the ipaddress of your localhost

Open that address on the mobile with the same portnumber.

Ex: 192.168.1.9:3001

Bundle Analyzer

npm run analyze

Enable productionBrowserSourceMaps: true in next.config.js Next Source Maps

and then npm run build then run the source-map-explorer command

source-map-explorer chunk_name.js

Make sure you have installed source-map-explorer:

npm install -g source-map-explorer

Sitemap

Sitemap file gets updated automatically by this awesome package - next-sitemap

How?

• npm run build would be executed during deployment.
• After build postbuild script would be executed, which updates sitemaps.

Notes

Eslint, Prettier Configs provided by Arpit Bharti