OpenWritings.net
Posts
Blog
✉
Â
All posts by date
shadcn
Backlinks
Custom instructions for GitHub Copilot
Next.js
Tailwind 3 basic
Tailwind 4 basic
Layout
pnpm
Create wait function by passing resolve to setTimeout
Why use Bootstrap?
Put each MDX file content inside a containter
Contact form
Understanding promise
Center navigation bar
Create personal blog with MDX
Ollama
Track page views using Google Analytics
Input form
Compress files
useRef
Reduce
Fade out on delete
next.config.mjs
Generate standalone output of your Next.js app and deploy through pm2
pm2
gitignore
Import mdx, jsx, md
Between component tag
Reduce image size before upload
Run async function in setInterval
React: onClick function handler
Responsive CSS
What is JetStream?
What is Nats?
Bootstrap responsive styling
All markdown syntax to view the styling
Container
MDX cheatsheet
Cards
Center elements with Bootstrap
Setup nginx to allow WebSocket(wss) connection
CSS animations
Sort array by
Use frontmatter title to set MDX title page
Extract frontmatter data from file
Markdown cheatsheet
Setup MDX in Next.js
postx/mdx/import/import-mdx-Highlight
Debounce input
Proper way to use setTimeout and setInterval in useEffect()
Proper way to use async function in useEffect
Start and stop timer button
React: List all subjects on server
Node: Subscribe and publish to subject
React: Subscribe and publish to subject
Plugin to indent Markdown header section
Setup Nats and Nginx to enable websocket connection
Run nats-server as systemd service
Hydration errors
Pass component as an argument to another component
React-slick: Carousel with infinite sliding images
Ai: Display tree structure in React from a list of file paths
Theme switcher: dark mode, light mode
Show navigation bar everywhere except specific urls
Add syntax highlighting to codes
Enable frontmatter in MDX
All posts by categories
â–¼ postx
â–¼ shadcn
shadcn
â–¼ seo
Backlinks
â–¼ ai
Custom instructions for GitHub Copilot
Ollama
â–¼ nextjs
Next.js
â–¼ tailwind
Tailwind 3 basic
Tailwind 4 basic
Layout
â–¼ npm
pnpm
â–¼ js
â–¼ promise
Create wait function by passing resolve to setTimeout
Understanding promise
â–¼ array
Reduce
â–¼ react-bootstrap
Why use Bootstrap?
â–¼ contact
Contact form
â–¼ navbar
Center navigation bar
Input form
â–¼ mdx
â–¼ my-blog
Put each MDX file content inside a containter
Create personal blog with MDX
â–¼ reactjs
Track page views using Google Analytics
Compress files
â–¼ hooks
useRef
Fade out on delete
â–¼ postx
â–¼ nextjs
next.config.mjs
â–¼ standalone
Generate standalone output of your Next.js app and deploy through pm2
â–¼ pm2
pm2
â–¼ git
gitignore
â–¼ mdx
â–¼ import
Import mdx, jsx, md
MDX cheatsheet
Use frontmatter title to set MDX title page
â–¼ reactjs
Between component tag
React: onClick function handler
â–¼ html
Reduce image size before upload
â–¼ js
â–¼ timer
Run async function in setInterval
Sort array by
â–¼ css
Responsive CSS
CSS animations
â–¼ nats
What is JetStream?
What is Nats?
â–¼ react-bootstrap
Bootstrap responsive styling
Container
Cards
Center elements with Bootstrap
â–¼ markdown
All markdown syntax to view the styling
â–¼ nginx
Setup nginx to allow WebSocket(wss) connection
â–¼ postx
â–¼ frontmatter
Extract frontmatter data from file
â–¼ markdown
Markdown cheatsheet
â–¼ mdx
Setup MDX in Next.js
â–¼ import
import-mdx-Highlight
â–¼ plugins
Plugin to indent Markdown header section
Add syntax highlighting to codes
Enable frontmatter in MDX
â–¼ reactjs
â–¼ form
â–¼ debounce
Debounce input
â–¼ hooks
â–¼ use-effect
Proper way to use setTimeout and setInterval in useEffect()
Proper way to use async function in useEffect
â–¼ time
Start and stop timer button
â–¼ hydration
Hydration errors
â–¼ component
Pass component as an argument to another component
â–¼ carousel
React-slick: Carousel with infinite sliding images
â–¼ tree
â–¼ tree-node
Ai: Display tree structure in React from a list of file paths
â–¼ theme
Theme switcher: dark mode, light mode
â–¼ nats
â–¼ nats-client
React: List all subjects on server
Node: Subscribe and publish to subject
React: Subscribe and publish to subject
â–¼ nats-server
Setup Nats and Nginx to enable websocket connection
Run nats-server as systemd service
â–¼ react-bootstrap
â–¼ navbar
Show navigation bar everywhere except specific urls