Can you provide an overview of what template should look like in emailjs, because right now i am only getting message content rather than user name, email and message too

The template content should be to resolve this (could you add this to readme):

Hello,

You got a new message from {{name}}:

 

Email Id : {{email}}

{{message}}

if you are allowing contributors, I can update the readme with step by step images to configure emailJS section. Thanks

How to host this site? I tried npm run build but did not get any static site files so I can directly host into my hosting account.

I thick you have to update your contact form.

I face this problem

Facing an unhandled runtime build error
Error: States missing required paramters: sitekey

Here is the npm run dev build log :
⨯ node_modules\lottie-web\build\player\lottie.js (30:0) @ createTag
⨯ ReferenceError: document is not defined
at webpack_require (C:\Users\Office\OneDrive\Desktop\developer-portfolio.next\server\webpack-runtime.js:33:43)
at webpack_require (C:\Users\Office\OneDrive\Desktop\developer-portfolio.next\server\webpack-runtime.js:33:43)
at eval (./app/components/helper/animation-lottie.jsx:7:70)
at (ssr)/./app/components/helper/animation-lottie.jsx (C:\Users\Office\OneDrive\Desktop\developer-portfolio.next\server\app\page.js:272:1)
at webpack_require (C:\Users\Office\OneDrive\Desktop\developer-portfolio.next\server\webpack-runtime.js:33:43)

Would require an urgent faceoff for this issue please.

Issue: Overlapping Sections and Text Collision in Portfolio
I hope this message finds you well. I wanted to express my appreciation for the excellent work done on the portfolio. It's evident that a lot of effort and creativity have gone into its development.

However, while exploring the portfolio, I noticed an issue that I believe warrants attention. Specifically, there appears to be a recurring problem with overlapping sections and text collision, particularly noticeable during scrolling.

To maintain the high standard of presentation and user experience, I suggest considering a solution such as implementing a blurred background effect upon scrolling. This could effectively address the issue while adding a subtle aesthetic enhancement.

I believe addressing this matter would further enhance the overall quality and usability of the portfolio. Thank you for your attention to this matter, and I'm looking forward to seeing the continued refinement of your exceptional work

I am using the npm run build command to build the dist folder, as indicated in another edition by you, and it has this output and does not generate any build folder. What can it be?

Creating an optimized production build ...
⚠ For production Image Optimization with Next.js, the optional 'sharp' package is strongly recommended. Run 'npm i sharp', and Next.js will use it automatically for Image Optimization.
Read more: https://nextjs.org/docs/messages/sharp-missing-in-production
Compiler server unexpectedly exited with code: null and signal: SIGTERM
⚠ For production Image Optimization with Next.js, the optional 'sharp' package is strongly recommended. Run 'npm i sharp', and Next.js will use it automatically for Image Optimization.
Read more: https://nextjs.org/docs/messages/sharp-missing-in-production
Compiler client unexpectedly exited with code: null and signal: SIGTERM
✓ Compiled successfully
✓ Linting and checking validity of types
✓ Collecting page data
✓ Generating static pages (6/6)
✓ Collecting build traces
✓ Finalizing page optimization

Route (app) Size First Load JS
┌ ○ / 89.2 kB 180 kB
├ ○ /_not-found 882 B 85.2 kB
├ ○ /blog 174 B 91.3 kB
└ λ /blog/[slug] 137 B 84.4 kB

• First Load JS shared by all 84.3 kB
  ├ chunks/69-78639f94a16fe813.js 29 kB
  ├ chunks/fd9d1056-40aa7d73374bf23f.js 53.4 kB
  └ other shared chunks (total) 1.91 kB

○ (Static) prerendered as static content
λ (Dynamic) server-rendered on demand using Node.js

And congratulations on the work, I mentioned the credits to you in my repository.