PLATFORM

  • Tails

    Create websites with TailwindCSS

  • Blocks

    Design blocks for your website

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

COMMUNITY
MORE

Webdev

Webdev posts, videos, courses, and more

DevDojo inspector Avatar

Laravel custom helper functions โ€“ Fast Tips

Helper functions are quite popular among Laravel developers. They provide access to some clever algorithms ready to be used in your code using a single statement. Probably the most known hel...

Valerio ยท 10 months ago

3
DevDojo bobbyiliev Avatar

How To Use Pan for Easy Analytics in Your Laravel App

Introduction When you're building a website or an app, knowing how users interact with it is key to improving the experience. However, many tracking tools are complicated, costly, or don't c...

Bobby Iliev ยท 10 months ago

8
DevDojo inspector Avatar

Laravel Auth Routes Tutorial

Laravel auth routes is one of the essential features of the Laravel framework. Using middlewares you can implement different authentication strategies and attach them to different parts of y...

Valerio ยท 11 months ago

1
DevDojo inspector Avatar

Laravel Livewire: What it is, and how to use it in your web app

Livewire is one of the most important projects in the Laravel ecosystem specifically targeted to frontend development. Livewire v3 has been recently released, so letโ€™s explore what Livewire...

Valerio ยท 11 months ago

2
DevDojo inspector Avatar

Laravel Password Hashing With Salt

Recently we went deep into the Laravel authentication system for some improvements and to add Multi-Factor authentication. I discovered some interesting details on how Laravel password hashi...

Valerio ยท 11 months ago

DevDojo keploy Avatar

Upgrade Your Node.js Testing: Seamlessly Switch from Jest to Vitest

Jest and Vitest are two well-known JavaScript testing frameworks, each with its own strengths. Jest, created by Facebook, is especially popular for React applications. It provides a "ze...

Keploy ยท 11 months ago

DevDojo inspector Avatar

How to group array by date in PHP โ€“ Fast Tips

I use this technique to group the bug fixes array by date in the Inspector dashboard, and I thought it could be a good code snippet idea for others. I also wrote an implementation for Larave...

Valerio ยท 11 months ago

DevDojo keploy Avatar

Optimizing Node.js Code Coverage with NYC in Docker Containers

There are particular difficulties in getting NYC coverage from Node.js operating in Docker containers. This blog discusses the procedures needed to operate Node.js clusters in Docker and pro...

Keploy ยท 1 year ago

1
DevDojo bobbyiliev Avatar

How to Remove Arrow on Input type Number with Tailwind CSS

When designing forms with Tailwind CSS, you might want to remove the default arrows (also known as spinners) from number input fields. These arrows can interfere with custom designs and are...

Bobby Iliev ยท 1 year ago

3
DevDojo bobbyiliev Avatar

How to Make Parent Div Activate Styling of Child Div for Hover and Active States

Hey there developers! ๐Ÿ‘‹ Today, we're diving into a Tailwind CSS trick! We'll explore how to make a parent div control the styling of its child elements on hover and active states. Let's jum...

Bobby Iliev ยท 1 year ago

2
DevDojo bobbyiliev Avatar

How to Access Direct Children of a Div in Tailwind CSS v3

In this tutorial, we'll explore how to target and style the direct children of a div using Tailwind CSS v3's powerful arbitrary value syntax. This feature allows for more flexible and precis...

Bobby Iliev ยท 1 year ago

3
DevDojo ashutoshmishra Avatar

13 Best React Libraries for Devs in 2023

Being a modern React developer is not only about understanding the core concepts of React but also about getting well versed with the whole ecosystem of React. This includes having the knowl...

Ashutosh Mishra ยท 2 years ago

2
DevDojo msyoung2012 Avatar

A quick and easy guide to creating a sitemap for a Next.js site

If you're looking to generate sitemaps for your Next.js website, the next-sitemap npm package is a great tool to help you with that. In this tutorial, I'll guide you through the process of u...

Mike Young ยท 2 years ago

3
DevDojo imkarthikeyans Avatar

Integrating ESRI Maps into your React App

ESRI maps are widely used in web application development because they provide a comprehensive set of tools for creating and working with maps. React is a popular JavaScript library for build...

Karthikeyan ยท 2 years ago

2
DevDojo bobbyiliev Avatar

How to Create a Sticky NavBar using Tailwind CSS

Introduction When building a modern, responsive website, navigation plays a crucial role in user experience. A sticky or affix navigation bar remains visible at the top of the screen as user...

Bobby Iliev ยท 2 years ago

4
DevDojo francesco Avatar

Kubernetes quick tutorial

๐Ÿ‘‹ Introduction Let's make the simplest but understandable Kubernetes example ever. Video version: {% youtube noJmOirhHKM %} We will create our first example with Kubernetes starting from sc...

Francesco Ciulla ยท 2 years ago

4
DevDojo francesco Avatar

Dockerize a Python Application

Dockerize a Python application - Intro This article will show how to dockerize a simple Python application. If you prefer a video version, you can find it here: <iframe width="560" height...

Francesco Ciulla ยท 2 years ago

4
DevDojo rahulism Avatar

13 must visit websites to learn and master CSS in 2023

Are you looking to break into web development but don't know where to start? Learning CSS is a great place to begin your journey, and lucky for you, there are tons of great online resources...

Rahul ยท 2 years ago

4
DevDojo bobbyiliev Avatar

8 Awesome VS Code Extensions for JavaScript Developers

Introduction Visual Studio Code (VS Code) is a popular, lightweight, and powerful source code editor developed by Microsoft. It has extensive support for JavaScript and TypeScript, making it...

Bobby Iliev ยท 2 years ago

3
DevDojo rahulism Avatar

"npm start Not Working"? Here's What You Need to Do

Have you ever run into a problem when trying to run โ€œnpm startโ€? If so, youโ€™re certainly not the only one. It can be incredibly frustrating when the command you think will execute your node...

Rahul ยท 2 years ago

1
DevDojo rahulism Avatar

Getting Started with JavaScript Optional Chaining

Are you writing code that needs to quickly access properties or invoke methods of an objectโ€”without worrying if the object or related data is null or undefined? If so, then you need optional...

Rahul ยท 2 years ago

DevDojo rahulism Avatar

What is Javascript Slice? Practical examples and guide

If you're new to coding, the term 'slice method' may be daunting. Put simply, the slice method is a powerful JavaScript tool that lets you extract sections of an array or string. It's one of...

Rahul ยท 2 years ago

DevDojo rahulism Avatar

React UseEffect Hook: A Definitive Guide for Beginners

The useEffect hook is one of the most important hooks of React. It allows you to perform effects in a declarative way, instead of using imperative code inside React components. It offers a s...

Rahul ยท 2 years ago

DevDojo diogocapela Avatar

Learn CSS by playing games

CSS is an essential part of web development, as it determines most of the layout and appearance of websites. If you are looking to brush up on your CSS skills, these can be a great way to le...

Diogo Capela ยท 2 years ago

3
DevDojo rahulism Avatar

Understanding the Parent CSS Selector :has(): A Comprehensive Guide for Beginners

Have you ever felt like you're stuck in a loop while writing your CSS? Does the thought of using parent selectors to simplify your code seem like an impossible task? Not sure where to start...

Rahul ยท 2 years ago

DevDojo rahulism Avatar

Using foreach() To Iterate Through an Array in JavaScript

If you're a JavaScript newbie or avid reader or pro or anything, you know that forEach is an incredibly useful tool. But what, exactly, is it and how does it work? forEach is a built-in arra...

Rahul ยท 2 years ago

3
DevDojo rahulism Avatar

Don't Miss Out: 10 Essential Apps(and websites) for Keeping Up With Dev News

Whatever type of developer you are, staying up-to-date with the latest news and trends is the key to success. But with so many sources and tools available, it can be overwhelming to keep tra...

Rahul ยท 2 years ago

2
DevDojo rahulism Avatar

Mastering Nested CSS Selectors: Tips and Techniques

Have you been trying to learn more about CSS selectors, but feeling a little overwhelmed? Well, you're in the right place! Mastering CSS selectors don't have to be a daunting task. You can s...

Rahul ยท 2 years ago

2
DevDojo inspector Avatar

Custom Tooltip Directive in Vuejs 3: Tutorial

Custom directives in Vuejs 3 are one of those things where there is no compatibility with the previous version of the framework. Working on the new version of the Inspector frontend dashboar...

Valerio ยท 2 years ago

1
DevDojo rahulism Avatar

Learn how to parse URLs in JavaScript in 2023

Have you ever wanted to understand how URLs work in JavaScript? If so, then you've come to the right place! In this article, we'll be diving deep into the topic of URL parsing in JavaScript...

Rahul ยท 2 years ago

3

Loading More Content