Playground

Code snippets and demo pages in the web development including NextJS, Semantic-UI, Feathers.js, React.js, Node.js, GraphQL, JavaScript, HTML, CSS, etc.

Pretty much is an exmple from NextJS official site. It's so easy to set up a page with NextJS, and you can do pre-render at build time using the props returned by `getStaticProps` (in the production mode), and dynamic routes and more

Turn SemanticUI table into a repsonsive table with data-label attribute and css

With NextJS, Play a component from Semamtic UI React has never been easier. Just copy the code and create a page under 'pages/playground/', and it's ready to go!

A simple example to demostrate how to use UseReducer within NextJS

My First NPM package :-) It's created on the top of official CKEditor 5 classic editor build v27.0.0. It's a CKEditor 5 Custom Build for Developer's Blog, including many features like: Insert photos Unsplash, insert Based64 image, upload image from local, add code block, etc.

Search photos from Unsplash, see photos in Masonry Grid, and view in Photo Gallery with a slide show

US Timezones Demo - show current local datetime in different US Timezones include grouped timezones (like Eastern, Center, Pacific, etc.) and all IANA US timezones.