Month: April 2025

Portfolio Page Vuetify

User create portfolipage in vutify Assistant Here's a basic example of a **Portfolio Page** built using **Vue 3 + Vuetify 3** that displays a list/grid of portfolio items using cards: — ### ✅ PortfolioPage.vue (Full Component) <template> <v-container class="my-10"> <v-row> <v-col cols="12" class="text-center mb-8"> <h1 class="text-h4 font-weight-bold">My Portfolio</h1> <p class="text-subtitle-1">Projects I've worked on</p> </v-col> <v-col […]

Elementor widget animation setup

User <script> window.effect1ElementId = '<?php echo esc_js($effect2_id); ?>'; window.effectFontSize = '<?php echo esc_js($font_size); ?>'; window.effectTag = '<?php echo esc_js($tag); ?>'; </script> <script> " > </script> <script> </script> '; self::$script_loaded = true; } if(!is_admin()) { ?> <script> window.effectFontSize = '<?php echo esc_js($font_size); ?>'; </script> <script> " > </script> Assistant Here's the corrected and optimized version of […]

Enable HTTPS AWS EC2

User enable https in aws instance Assistant To enable HTTPS on your AWS EC2 instance, you'll need to follow these steps: ## Step 1: Connect to your EC2 instance via SSH ssh -i /path/to/key.pem ubuntu@your-ec2-instance-ip Replace `/path/to/key.pem` and `your-ec2-instance-ip` with your details. — ## Step 2: Install Certbot (Let's Encrypt) Update your packages first: sudo […]

Netlify Mixed Content Issue

User index-B4H2E9SX.js:32 Mixed Content: The page at 'https://gorgeous-nasturtium-17af89.netlify.app/forget-password' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://ec2-51-20-60-238.eu-north-1.compute.amazonaws.com/api/send-otp-password'. This request has been blocked; the content must be served over HTTPS. netlify but i want to use http Assistant Netlify deploys sites using HTTPS by default, which enforces secure connections. Modern browsers block "Mixed Content," […]

Vue Router Netlify 404 Fix

User Okay after deploy to netlify vue js app internal routing is working but when page refresh then 404 Assistant This is a common issue when deploying a Vue.js app (especially with Vue Router in **history mode**) to Netlify. When you refresh a page or directly visit a nested route (e.g., `/about`), Netlify looks for […]

Vite build Netlify error

User Vue netlify build failed shows vite build not found Assistant If you're deploying a Vue 3 project to Netlify and seeing an error like: Command failed with exit code 1: vite build not found It typically means Netlify is unable to recognize or run the `vite build` command. Here's how to fix it: — […]

Netlify Vue 404 Fix

User Netlyfy vue project when inner rout work but when page referesh it says 404 not found Assistant You're encountering the classic Netlify + Vue.js **404 on page refresh for inner routes** issue. This happens because Vue Router (especially in **history mode**) manages routing on the client-side, but Netlify by default looks for physical files […]

React JS Navigation Example

User react js add new page without router Assistant In React, if you want to **add a new page or component without using a router like React Router**, you can handle navigation manually by using **conditional rendering** based on a state variable. Here’s a simple example to demonstrate this: — ### ✅ Step-by-step Example: React […]

Google Analytics Order Tracking

User I've checked the google analytics and found that they have track record of order from 1 jan 2020 Correct above senencwe Assistant Sure! Here's the corrected version of your sentence: **"I've checked Google Analytics and found that it has tracking records of orders starting from January 1, 2020."** Let me know if you want […]

Iframe CSS Changes HubSpot

User I have debugged the code and apply to our changes but due to content comes from external source in iframe , our changes not reflecting So we need HubSpot account details to add inline CSS to the form. Thanks! Correct above Assistant Here is the corrected and more polished version of your message: — […]