Our web stories page | Web Developer writes topics on Web Development

Most popular React.js UI Libraries - Exploring Mantine and Material-UI

Author: Dykraf

Published: February 22, 2024

Exploring Mantine and Material-UI, staying on top of the latest tools and technologies is crucial for building modern and visually stunning user interfaces in 2024.

Story Tagged:
Story tagged in Web development
Read More

How To Work With Relationship RESTful API Endpoints In React.js

Author: Dykraf

Published: February 10, 2024

Working with Relationship RESTful endpoints in React.js, it's common to interact with multiple endpoints to manage different data entities or functionalities within the application.

Story Tagged:
Story tagged in Web development
Read More

How To Compare Two Json In JavaScript And React TypeScript

Author: Dykraf

Published: February 01, 2024

Gain a deep understanding of the techniques and best practices involved in effectively comparing two JSON data objects, empowering you with the knowledge to navigate and optimize your data-handling processes with confidence.

Story Tagged:
Story tagged in Web development
Read More

How To Use Mantine Default Properties In React Components

Author: Dykraf

Published: January 22, 2024

Mantine is among the robust React component libraries designed to streamline the development of modern web applications using React.js and TypeScript.

Story Tagged:
Story tagged in Web development
Read More

How To Find Parent from Child with JavaScript and TypeScript

Author: Dykraf

Published: January 19, 2024

Learn essential techniques and best practices to efficiently navigate and process parent-child relationships, empowering you to tackle complex projects with confidence.

Story Tagged:
Story tagged in Web development
Read More

React Hooks in React Front-End Web Development

Author: Dykraf

Published: December 02, 2023

Using React hooks is one way to increase productivity, speed up development and can become a useful libraries

Story Tagged:
Story tagged in Web development
Read More

How To Use JavaScript Promises In Reactjs useEffect

Author: Dykraf

Published: November 23, 2023

Discover how to boost your ReactJS applications by effectively using JavaScript Promises in the useEffect hook.

Story Tagged:
Story tagged in Web development
Read More

Node.js ORMs with Prisma and Sequelize Developer Experiences

Author: Dykraf

Published: August 01, 2023

Sequelize and Prisma are tools that simplify database interactions in JavaScript and Node.js projects.

Story Tagged:
Story tagged in Web development
Read More

CSS-in-JS React.js UI Libraries in 2023 for Your Portfolios

Author: Dykraf

Published: July 06, 2023

As web development continues to evolve at a rapid pace, staying on top of the latest tools and technologies is crucial for building modern and visually stunning user interfaces.

Story Tagged:
Story tagged in Web development
Read More

Connect your Vercel Postgres Database Store to PgAdmin 4

Author: Dykraf

Published: July 05, 2023

Web application development using Vercel PostgreSQL database and PgAdmin 4 for Effortless Database Management

Story Tagged:
Story tagged in Web development
Read More

Vercel And Netlify Platforms, A Complete Comparison And Similarities

Author: Dykraf

Published: June 17, 2023

Both Netlify and Vercel are widely used by various types of web developers and support a range of technology stacks.

Story Tagged:
Story tagged in Web development
Read More

A Cheatsheet Table for TailwindCSS and Bootstrap CSS Framework

Author: Dykraf

Published: June 01, 2023

Tailwind CSS and Bootstrap CSS both offer a range of features that make them popular and widely used frameworks.

Story Tagged:
Story tagged in Web development
Read More

Using ::before and ::after CSS Pseudo-elements in SCSS

Author: Dykraf

Published: May 02, 2023

Pseudo-elements in CSS are special keyword selectors that allow developers to style specific parts of an element's content without adding extra HTML markup.

Story Tagged:
Story tagged in Web development
Read More

How To Use Map Function In JavaScript For Rendering A React Component

Author: Dykraf

Published: January 02, 2023

In React, you can use the map() method to create a list of elements from an array of data to render a list of elements in a React component

Story Tagged:
Story tagged in Web development
Read More

How to use Bootstrap UI Library in React.js Ecosystem

Author: Dykraf

Published: December 07, 2022

Starting a React project with your favorite CSS Framework for your website project using Reactstrap or React Bootstrap library.

Story Tagged:
Story tagged in Web development
Read More

Create React Component With An Object As Props in TypeScript

Author: Dykraf

Published: December 04, 2022

React custom component that receives the object as a prop and then renders the properties of that object

Story Tagged:
Story tagged in Web development
Read More

Free Graph Chart Libraries for Your Nuxt.js Application Dashboard

Author: Dykraf

Published: December 04, 2022

Starting a Nuxt.js admin dashboard project with attractive open-source data visualization also free graph charts libraries plugins

Story Tagged:
Story tagged in Web development
Read More

How to Deploy Nextjs Web Application with PM2

Author: Dykraf

Published: November 19, 2022

How to write Next.js environment variables deployment scripts in several stages of development into production with PM2 process manager node clusters

Story Tagged:
Story tagged in Web development
Read More

How to use Bootstrap CSS Framework in React.js

Author: Dykraf

Published: November 05, 2022

Start your website project with the popular Bootstrap 5 CSS framework integrated into a React.js application

Story Tagged:
Story tagged in Web development
Read More

How to add Chart.js into Nuxt.js Web Application Dashboard

Author: Dykraf

Published: October 19, 2022

Adding Graph Charts Library into your Nuxt.js Vuetify Web Application Dashboard with Chart.js open-source JavaScript library for data visualization

Story Tagged:
Story tagged in Web development
Read More

How To Add Plugins to Your Nuxt.js Web Application Dashboard

Author: Dykraf

Published: September 19, 2022

Adding plugins for Graph Charts libraries into your Nuxt.js Vuetify Web Application Dashboard with Chart.js and Apex Charts open source JavaScript library for graph chart data visualization

Story Tagged:
Story tagged in Web development
Read More

How to Use Environment Variables in Nuxt.js Web Applications

Author: Dykraf

Published: August 20, 2022

Environment variables are very important if you are using different development stages such as the development stage, testing stage, or even in the production build environment stage.

Story Tagged:
Story tagged in Web development
Read More

How to Connect PgAdmin 4 and PostgreSQL Server on Docker Container

Author: Dykraf

Published: July 19, 2022

Doing Web Development on a local machine requires multiple applications running together. Docker provides an os level virtualization on the host machine to have an application running together on the machine.

Story Tagged:
Story tagged in Web development
Read More

How to Generate Dynamic Sitemap and Feed XML for your NuxtJS Website

Author: Dykraf

Published: June 16, 2022

How to create a dynamic XML sitemap and feed files for your NuxtJS Website for a better SEO performance support

Story Tagged:
Story tagged in Web development
Read More

How MacBook Air M1 Just Works Out Fine for Web Programming

Author: Dykraf

Published: June 15, 2022

A story about how I got MacBook Air in my new office and Apple M1 Silicon Just Works Out Fine for Web Programming

Story Tagged:
Story tagged in Web development
Read More

Strapi CMS Multilingual with Apollo GraphQL and Nuxt.js

Author: Dykraf

Published: June 01, 2022

Build a searchable multilingual help center website on top of Strapi CMS, Nuxt.js, Chakra UI, and Apollo GraphQL endpoint.

Story Tagged:
Story tagged in Web development
Read More

First impression on using Strapi CMS a headless CMS

Author: Dykraf

Published: May 13, 2022

Strapi CMS is a great Headless CMS that provides rich features for any of your front-end side projects. RESTful or GraphQL is already implemented in the Strapi CMS system with rich content types, role permissions, and multilingual internationalization systems.

Story Tagged:
Story tagged in Web development
Read More

How to Connect MySQL and MongoDB Servers on Docker Container

Author: Dykraf

Published: May 10, 2022

Running MySQL and MongoDB development server on local machines with Docker. Docker provides an os level virtualization on the host machine to have an application running together on the machine.

Story Tagged:
Story tagged in Web development
Read More

How To Use useCallback In Reactjs Web Application

Author: Dykraf

Published: April 01, 2022

What is useCallback in Reactjs and how to use it to improve the performance of your Reactjs Web Application.

Story Tagged:
Story tagged in Web development
Read More

Translation Table Model for Localization I18n

Author: Dykraf

Published: March 14, 2022

Website or web application with multilingual widely used by the company around the world for providing their product or information to the public.

Story Tagged:
Story tagged in Web development
Read More

How To Use useEffect Hooks in React.js Application

Author: Dykraf

Published: February 02, 2022

It is a way to handle lifecycle events in function components, similar to how you would use lifecycle methods in class-based components.

Story Tagged:
Story tagged in Web development
Read More

How To Have A Side Hustle For Web Developers

Author: Dykraf

Published: February 01, 2022

There are many ways that web developers can have a side hustle or a part-time business on the side of their full-time job

Story Tagged:
Story tagged in Web development
Read More

VueJS Online and Offline Detection

Author: Dykraf

Published: January 28, 2022

Web Browser navigator API that represents the current internet connection state of the current browser's user agent.

Story Tagged:
Story tagged in Web development
Read More

WordPress Set-Up for Different Home URL and Site URL

Author: Dykraf

Published: January 19, 2022

Have WP Admin with your hosting Public IP Address and WP Website with your domain name. The separation of Headless WordPress CMS from front-end website.

Story Tagged:
Story tagged in Web development
Read More

My Static Websites Generator of Choices for Personal Favourite

Author: Dykraf

Published: January 15, 2022

Static Sites Generator is a great choice for developers that want to have a static website that has minimal maintenance and small and fast load file sizes.

Story Tagged:
Story tagged in Web development
Read More

Nuxt.js Static Content using Vuex

Author: Dykraf

Published: July 09, 2021

Use Vuex state management in Nuxt.js Static Content Website and write your static website with markdown files.

Story Tagged:
Story tagged in Web development
Read More

How To Add PostCSS Autoprefixer in Nuxt.js

Author: Dykraf

Published: July 02, 2021

A utility in Nuxt.js out of the box that really useful for older browser prefixes from PostCSS with autoprefixer.

Story Tagged:
Story tagged in Web development
Read More

Using Loop in SCSS with @for and @each

Author: Dykraf

Published: July 02, 2021

Like other programming languages, except it’s on CSS. Operators, variables, extend, function and mixins also can be use in SCSS/SASS.

Story Tagged:
Story tagged in Web development
Read More

CSS Preprocessor Are Fun To Use, Especially SASS

Author: Dykraf

Published: June 30, 2021

Making Layouts, Cards, Buttons, and Hover Effects never been this playful with only CSS and HTML assets in a static website.

Story Tagged:
Story tagged in Web development
Read More

6 SEO List to Have in your Nuxt.js Website

Author: Dykraf

Published: June 17, 2021

A list of search engines optimizing your Nuxt.js website for better search results and indexing. On-site SEO with Nuxt.js modules and relevant JSON schemas.

Story Tagged:
Story tagged in Web development
Read More

Nuxt.js Static Content AMP, Feed and Sitemap for Website SEO

Author: Dykraf

Published: June 17, 2021

There are some Nuxt Community modules to use for creating a Nuxt.js Website with AMP, Feed, Sitemap, on-page SEO support and of course some TailwindCSS framework.

Story Tagged:
Story tagged in Web development
Read More

SEO in Next.js With Next-Seo and How To Implement in Your Website

Author: Dykraf

Published: May 24, 2021

Next.js community has become a place where it grows to become one of the popular React frameworks to work with.

Story Tagged:
Story tagged in Web development
Read More

React Portfolios from Public APIs

Author: Dykraf

Published: May 20, 2021

A React or Vuejs project that you can add to your portfolios from public apis. Some ideas to start your front-end portfolio project.

Story Tagged:
Story tagged in Web development
Read More

Next.js AMP Website with Simple Built-In Feature Support

Author: Dykraf

Published: May 19, 2021

Next.js brings AMP HTML support into the framework for developers with ease including the AMP libraries components to their webpages.

Story Tagged:
Story tagged in Web development
Read More

Introduction how to start with Google AMP Version Websites

Author: Dykraf

Published: May 17, 2021

Google has made changes to AMP but assured users that they are still continue to support to the search engine result and will still impact your search results.

Story Tagged:
Story tagged in Web development
Read More

Getting Started with Nuxt.js Static Content Website and SEO

Author: Dykraf

Published: May 15, 2021

With static HTML and the ultimate SEO support such as Sitemap, Feed, static websites are still a choice for those who like simplicity and minimum maintenance.

Story Tagged:
Story tagged in Web development
Read More

A-List of Handy Nuxt Community Modules in Nuxt.js Projects

Author: Dykraf

Published: May 13, 2021

Nuxt.js is a very powerful VueJS framework with great support from the community. With modules made by the community for the community, building web applications become more time-efficient and faster.

Story Tagged:
Story tagged in Web development
Read More