personal-website | personal website built using ReactJS and Bulma as the CSS | Portfolio library

I don't know what is going on with my PC but every time I create the NextJS application and run development. It will return this error

https://github.com/Yankysamurai/Personal-Website-P5

I am new to posting questions but I am trying to center my text "Welcome to my site" horizontally and vertically. I want it half the distance from the image and from the right margin. I tried display flex but it didn't work.

I just opened a git hub account so I hope you can see the code from the link.

Thank you.

I have 4

So i'm new in JS and i have a task for mastering Ajax Requests.I should send an email input from form to the server and a lot more,but i can not figure out how to send this data to a server that is in another folder.I lost all my nerves with this task and i dont know what to do. So,i have a folder personal-website-server and another folder src where is my project,both folders are in another folder,the parent. It looks like this :
./
dist < webpack bundle folder
node_modules
personal-website-server
/ package.json in personal-website-server
src
and package.json in the parent folder Image for more understanding:

So,i should do this:
Upon clicking on the "Subscribe" button, implement the functionality for sending a user email to the server. For that, make POST Ajax request using http://localhost:3000/subscribe endpoint. The call to the server should only be made when the form is valid (the validate function )
The connection is made through a proxy to the server,idk how this thing works and i get it hard to do this task because its not so described.
Codes:
I created fetch.js in src that checks if email is valid and sends it to the server,like i understood:

I created a custom cursor with JavaScript. – At the end of this question, I will add all the code, there is also a fiddle here: https://jsfiddle.net/8a9f2s0n/ …but what's really important is the following line of CSS: transition: all .1s ease-out;

Basically I'm deleting the actual cursor and then I'm chaining two circles to the mouse position, the second circle ("cursor2") has this CSS-property: transition: all .1s ease-out;, to make it move with some easing.

The Problem: I tested this code in all the big browsers and it's really smooth everywhere, except for Safari, in Safari the second, larger, circle move REALLY laggy.

What's going on?

I'm trying my hand at building a website from scratch to act as an online CV for networking and job/school applications. I'm very new to html and css, only started about 5 months ago. For the most part, everything has been working out just fine. The only issue is that on mobile devices the background on sections on my page are being cutoff where I would like them to trail to the end of the screen (the right side). On the desktop, it looks just fine. Any help or suggestions would be appreciated. I'm kinda at a loss on what to do.

Here is the HTML and CSS from my page:

I'm new to static site development for blogs and am trying to use Gatsby. I've tried to change the background and theme color of a starter from pink (#ed64a6) to purple (#702da1). However when I put it into the gatsby-config.js and run gatsby develop nothing changes.

This is gatsby-config.js:

I am running this on a fresh Ubuntu 20.04 install:

pipenv install with Pipfile:

I am using bootstrap 3.4.1 and I am having and issue with the navbar on phone (e.g. S9 ) The menu icon ends up going to new line. So I did col-xs-11 and col-xs-1 but still doesn't work. Here is the code: