Laravel Dev Diary

 This this post i will show you step by step the installation process of mariaDB in red hat version 9. Step1 Run the command to pull the latest updated packages on applications installed in your system. -dnf update If you get Kernal update than reboot the system -reboot Step2 Go to official mariaDB site Make mariadb repository in /etc/yum.repos.d Place the configuration in this file # MariaDB 11.4 RedHatEnterpriseLinux repository list - created 2024-09-24 11:12 UTC # https://mariadb.org/download/ [mariadb] name = MariaDB # rpm.mariadb.org is a dynamic mirror if your preferred mirror goes offline. See https://mariadb.org/mirrorbits/ for details. # baseurl = https://rpm.mariadb.org/11.4/rhel/$releasever/$basearch baseurl = https://mirrors.aliyun.com/mariadb/yum/11.4/rhel/$releasever/$basearch # gpgkey = https://rpm.mariadb.org/RPM-GPG-KEY-MariaDB gpgkey = https://mirrors.aliyun.com/mariadb/yum/RPM-GPG-KEY-MariaDB gpgcheck = 1 Now install the mariaDB with its dependencies package...

Deployment of Nextjs Application. You can follow this article as well. https://medium.com/bina-nusantara-it-division/how-to-deploy-your-next-js-apps-on-linux-server-using-nginx-and-pm2-65834cfecd37 https://codebhaiya.com/blog/how-to-point-domain-and-host-a-next.js-app-in-production-on-an-ubuntu-vps My searching on BlackBox Ai Chat Blackbox: AI Code Generation, Code Chat, Code Search  Step 1. Setup Node environment on server Now we will start installing following packages using commands -sudo dnf install nodejs npm git  After successful installations check these packages versions to verify. Note: For installing latest/specific version on nodejs. we will use mvn package. this is github official installation guide https://github.com/nvm-sh/nvm By using nvm command we can install nvm package. Its a Node Version Manager -curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash To verify run command  -nvm //hit enter If it not found than close the termina...

 Deploy your React App on server. To deploy your application, Vercel platform is recommended to deploy your application. Its is highly optimized specifically Nextjs application. It provide bunch of features that our app need to run smoothly. Like Api(route) support feature work if your application run on vercel. Secondly we have getServerSideProps hook only support/run on production, if your app is running on vercel. Source to deploy on vercel server from githup repository Link:  Deploy Nextjs On vercel To run your React js App or for installing any js package, you need to have Nodejs environment setup and npm package installed. Follow this video Link:  Deploy Reactjs App on VPS Step 1. Setup Node environment on server Now we will start installing following packages using commands -sudo apt install nodejs npm git  After successful installations check these packages versions to verify. Note: For installing latest/specific version on nodejs. we will use mvn package. th...

Issue1 I import css file in next js component but i can't see it in head tag in browser by inspecting page. When you import css fie in ou component it not automatically add them in your "head" tag. Usually, it optimizes CSS delivery by automatically code-splitting and lazy-loading stylesheets. This means that stylesheets are loaded when they're needed, improving performance. I have implemented this practically in BSMS System. Example // components/Layout.js import Head from 'next/head' ; import "../../public/styles/globalStyles.css" ; const Layout = ( { children } ) => { return ( < div className = "layout" > < Head > {/* Global styles */} < link rel = "stylesheet" href = "/styles/globalStyles.css" /> </ Head > {children} </ div > ); }; export default Layout ; // pages/Home.js import Head from 'next/head' ; con...

  useRef: This hook is use to manipulate DOM directly. This is use to persist value between rendering of the component. It can contain mutable value that can not cause re-render when their values update. Example: It is use to focus, change color, get previous states. for further details visit this link https://www.w3schools.com/REACT/react_useref.asp

 BSMS system is sms campaign management system. That broadcast multiple sms campaigns of different vendors at the same time. This project will be develop under different phases. Phase1.  Project development environment setup. Tool installation into the pc Phase 2. Fresh next js project installation with fresh boiler plate. Phase 3. Make folder structure for the admin panel pages. Phase 2 implementation Project is installed with the following command --npx create-next-app@latest After hitting this command, answer few questions to setup project. Phase 3 implementation Folder structure Inside src/app router the folder structure will divided into two parts 1. Admin 2. Client 1. For Admin Admin folder structure must be like so 1. Authentication 1.1 admin/auth/login/page.tsx 1.2 admin/auth/forget-password/pages.tsx 1.3 admin/auth/change-password/pages.tsx 1.4 admin/auth/logout/page.tsx 2. Dashboard 2.1 admin/dashboard/page.tsx show all sms stats, counters 3. Networks 3.1 admin/netwo...

  enthusiastic :  پرجوش optimism:  رجائیت hopefulness and confidence about the future or the success of something. chaos:  افراتفری tempted:  آزمائش literally:  لفظی literally means  "actually,"  and we use it when we want others to know we're serious. deviations:  انحرافات   "a significant deviation from the average value" doing something that is different from what people consider to be normal or acceptable self-esteem:  خود اعتمادی    insanity:  جنون nuisance:  پریشانی   Excuse me! Madam take a single step to go away from me and make room so i could pass through it. thankyou. pitfalls:  نقصانات intimacy:  قربت illusion: :  برم false  impression, misconception, he had no illusions about the trouble she was in. you could never get intimacy, if you never tell about your good and bad. If you want intimacy than you have to show of your vulnerabilities to person, from whom you want intimacy....