Blog

Docker Vite HMR Configuration

User import { defineConfig } from 'vite'; import laravel from 'laravel-vite-plugin'; import vue from '@vitejs/plugin-vue'; export default defineConfig({ plugins: [ laravel({ input: ['resources/js/app.js', 'resources/js/app-backend.js'], refresh: true, }), vue({ template: { transformAssetUrls: { base: null, includeAbsolute: false, }, }, }), ], server: { host: '0.0.0.0', // Allows access from the Docker container port: 5173, // Port […]

Install Node in Docker

User version: '3.8' services: app: build: context: . dockerfile: Dockerfile container_name: laravel_app volumes: – ./shareyourthoughts:/var/www/html networks: – laravel_network depends_on: – db ports: – "8080:80" # Change this to the desired host port db: image: mysql:8.0 container_name: laravel_db environment: MYSQL_DATABASE: laravel MYSQL_USER: laravel MYSQL_PASSWORD: password MYSQL_ROOT_PASSWORD: rootpassword volumes: – db_data:/var/lib/mysql – ./my.cnf:/etc/mysql/my.cnf – ./init-scripts:/docker-entrypoint-initdb.d networks: – […]

Professional Web Development Summary

User I am a Website Design & Development professional with over 10 years of experience, proficient in both front-end and back-end technologies. I am comfortable working independently or as part of a team, depending on the project's needs. Key Highlights: 10 years of experience in web technologies, specializing in: PHP, WordPress, Laravel, CakePHP, CodeIgniter Angular […]

MySQL Timeout in Docker

User Sometime docker work on one system and in other system mysql timeout error Assistant MySQL timeout errors in Docker can occur for various reasons, especially when moving setups between different systems. Below are some possible causes and solutions: — ### **Causes and Solutions** #### 1. **Resource Allocation** – **Cause**: Docker containers may not have […]

MySQL Connection Refused Error

User SQLSTATE[HY000] [2002] Connection refused (Connection: mysql, SQL: select * from `sessions` where `id` = hZfPL6A6qqYZjl2QZWsUAW3orXDcmaVJQAhIIob2 limit 1) Assistant The `SQLSTATE[HY000] [2002] Connection refused` error typically occurs when your Laravel application is unable to connect to the MySQL database. Here are some common causes and their solutions: — ### **1. Database Configuration Issue** – **Check […]

Reduce LCP Divi Hero

User We gave divi builder hero section Now I want to reduce lcp for this Assistant To reduce the **Largest Contentful Paint (LCP)** for the hero section in your Divi Builder setup, follow these best practices: ### 1. **Optimize Hero Image** – **Use Optimized Formats**: Convert the hero image to **WebP** format if not already […]

User Role Dropdown Issue

User user role dropdown not showing in wordpress admin Assistant If the user role dropdown is not showing in the WordPress admin, it might be due to one of the following reasons. Here's how to troubleshoot: — ### 1. **Check User Permissions** – Ensure the logged-in user has sufficient permissions, such as an **Administrator** role. […]

WooCommerce Search Filter Setup

User add product categiries drodnwo before search input and modify search funcitonality according that to search keyword based on category if selected woocommerce Assistant To add a product categories dropdown before the search input in WooCommerce and modify the search functionality to filter by category if selected, follow these steps: — ### **1. Add Categories […]

Tab Content Hover Functionality

User document.addEventListener('DOMContentLoaded', function () { // Select all tabs, tab contents, and inner divs const tabs = document.querySelectorAll('.e-n-tabs .e-n-tab-title'); const tabContents = document.querySelectorAll('.e-n-tabs .e-n-tabs-content'); const tabDivs = document.querySelectorAll('.e-n-tabs .e-n-tabs-content > div'); // Select the inner divs inside .e-n-tabs-content // Function to hide all tab content and remove the active class from all tabs function hideAllTabs() […]

Tab Hover Functionality Update

User document.addEventListener('DOMContentLoaded', function () { // Select all tabs, tab contents, and inner divs const tabs = document.querySelectorAll('.e-n-tabs .e-n-tab-title'); const tabContents = document.querySelectorAll('.e-n-tabs .e-n-tabs-content'); const tabDivs = document.querySelectorAll('.e-n-tabs .e-n-tabs-content > div'); // Select the inner divs inside .e-n-tabs-content // Function to hide all tab content and remove the active class from all tabs function hideAllTabs() […]