Modern Web, Happy coding 🌐😄
In this blog, we use modern tools like VS Code, Next.js, React, TailwindCSS, and Typescript to make development easier and coding more enjoyable. These tools are user-friendly, perform well, and have strong community support. They help you effortlessly create awesome websites and web apps. Say goodbye to tedious workflows and hello to efficient coding that sparks joy!
Happy Coding! 😄🎉
Simplify error detection and fixing in modern web development with the Eslint VS Code extension. Find out how it enhances code quality and saves you time. 🚀
May 19, 2023
View ArticleDiscover the pros and cons of using Eslint for modern web development. Learn how Eslint enhances code consistency, detects errors early, and improves maintainability. Uncover the initial setup overhead and flexibility trade-off, and find out how Eslint can help you become a better developer.
May 18, 2023
View ArticleEnhance your Git experience with useful aliases for basic configuration in Ubuntu 22.04. A handy guide for Git users. Happy coding!
May 17, 2023
View ArticleDiscover the wonders of the Prettier code formatter in modern web development. Shift your styling responsibility, reduce configuration burdens, and embrace the flexibility of this powerful tool. Happy coding! 😊
May 16, 2023
View ArticleDiscover the time-saving wonders of the Prettier Code Formatter VS Code extension and improve your modern web development workflow. Happy coding!
May 16, 2023
View ArticleImprove your web development experience with the Tailwind CSS IntelliSense VS Code extension. This article highlights the key features of this tool, including autocomplete, linting, hover preview, and Tailwind CSS language mode.
May 14, 2023
View ArticleLooking to install and run Next.js in Ubuntu? Follow this step-by-step tutorial on setting up NVM in Ubuntu, creating a Next.js application, and running it in VS Code. Learn how to install and run a Next.js app in Ubuntu 22.04, as well as how to use VS Code to make development easier. Start building your Next.js project today!
May 13, 2023
View ArticleLearn how to set up your web development environment with WSL2 in Windows 11 to run a Next.js example. This tutorial guides you through the installation of VS Code, the Remote-WSL extension, Windows Terminal, and an Ubuntu distribution with WSL2. With step-by-step instructions and helpful visuals, you'll be up and running in no time.
May 13, 2023
View ArticleLearn the best way to organize icons in your Next.js site for consistency, simplicity, and less code. Follow our step-by-step guide to using a single file and Tailwind for styling. Check out our blog for more Next.js articles.
May 12, 2023
View ArticleReact Wrap Balancer is a simple and lightweight tool for improving the readability of your web page titles. Learn how it works, its benefits, and how to use it in your React and Next.js apps.
May 11, 2023
View ArticleSimplify your local development with Vercel Env! Learn how this CLI tool can save you time and hassle by managing environment variables in your local development environment. Follow our "Modern web, happy coding" slogan and start improving your workflow today.
May 10, 2023
View ArticleLearn how to use the TailwindCSS Line Clamp plugin to create consistent descriptions for blog post cards. This plugin provides utilities for visually truncating text after a fixed number of lines, making it easy to keep your card descriptions looking great. In this post, we'll walk you through the installation and usage of the plugin, and show you how to use it in a component. Upgrade to Tailwind 3.3 to get the utility without a plugin.
May 9, 2023
View ArticleLearn how to automatically sync files to the public folder in React or Next.js using Chokidar and fs-extra. This tutorial provides a step-by-step guide to set up a watch task that detects file changes and copies them to the public folder, ensuring that your website's assets are always up-to-date.
April 27, 2023
View ArticleLearn how to create an animation effect that is triggered when a component comes into view using React Intersection Observer and Tailwind in a Next.js app directory. Discover the options available in the react-intersection-observer package and how to use the tailwindcss-animate package to style the animations. Follow the code example provided to implement this feature in your Next.js app.
January 25, 2023
View ArticleA guide to help you set up Google Analytics 4 on your Next.js website.
May 14, 2022
View ArticleNotes and resources from Next Conf 2021 and Next.js 12.
November 13, 2021
View ArticleHow to integrate a lite YouTube Player in a Next.js application for performance improvements.
October 24, 2021
View ArticleHow to set up VS Code to solve coding challenges from CodeForces.
October 21, 2021
View ArticleA simple and minimalistic template to develop your Next.js application in a VS Code development container.
June 11, 2021
View Article