https://github.com/tbakerx/react-resume-template/blob/d6e52cdda2d0e7a2dce0b7ce8e4c6e09c709e800/next.config.js#L26C3-L28C5

in Next.js 14 they've deprecated images.domains in favour of images.remotePatterns

see https://nextjs.org/docs/pages/api-reference/components/image#domains

.Yarn plugin folder should be added to repo or you will get the following error:

31m[1mInternal Error[22m[39m: Cannot find module 'C:\Users[UserName]\Documents\GitHub\react-resume-template.ya
rn\plugins@yarnpkg\plugin-interactive-tools.cjs'
Require stack:
' C:\Users[UserName]\AppData\Local\node\corepack\yarn\3.6.1\yarn.js

Otherwise, you need to add instructions to:

1. delete .yarnrc.yml
2. yarn plugin import interactive-tools

Hi, how are you?
I have a issue.

You are using value="" (any string will cause this) will make it so you cannot typing into the input field doesn't work (it's broken in the demo). If you use defaultValue="" instead, it'll work.

See https://stackoverflow.com/questions/34006333/cant-type-in-react-input-text-field for more info

(Great app btw)

The website works fine on localhost but it crushes after deployment. After checking the logs, it seems this is due to the routing. Somehow, the server is not finding the index.html or something. Did you fixed this?

how do I make it work?

The issue is shown in the following gif:

To correct it you can change the href for the "Hide Navigation" button in Header.js

Line 22 changes from this

<a className="mobile-btn"  href="#home" title="Hide navigation">Hide navigation</a>

To this:

<a className="mobile-btn"  href="#hide-nav-wrap" title="Hide navigation">Hide navigation</a>

I updated to the latest version and deployed to my hosting (GoDaddy) but its not working. I had to change some relative paths for manifest.json and some css files in index.html and all console errors went away, but its still not loading any content. It like it doesnt have JS at all and I added a reference to jQuery Google API but that didnt work either. I am trying to understand how to deploy this to web hosting?

Hey Tim, awesome website template thanks a mill! Trying to add additional sections and I can't figure out how to add them correctly so that they get the color change when selected/deselected. I know the function handler in init.js adds/removes the style class current to the section id but I can't figure out why it won't recognize the new section as a section or where all the sections are defined for the project. You can see exactly what I've tried here. Any help would be great thanks!

Even after filling the contact form the SUBMIT button just doesn't work. How do I solve this?

I've encountered a module not found error while trying to run the react-resume-template project after forking and installing the dependencies. The error is related to the @headlessui/react package and occurs in the Header.tsx component, which is used in the index.tsx page.

./node_modules/@headlessui/react/dist/headlessui.esm.js:2:0
Module not found: Can't resolve 'C:\My File\Open Source\react-resume-template\node_modules@headlessui\react\dist\components\transition\transition'

https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
./src/components/Sections/Header.tsx
./src/pages/index.tsx

Hi! There is horizintall scroll in Chrome & Firefox on PC Windows. I caused by "w-screen" class. Just add max-width:100% to this class.

Footer copyright text is currently static, could be dynamic using a call to JavaScript's Date object.

#124 fixes this.

First of all, Thanks for your awesome great work!!!

I want to change some contents in index.html, but

Hey there!
First off thank you so much for offering this template. But there is an issue for React-GA not initializing the tag.

Hey! First of all, well done with this template. It looks amazing and the code is well structured and is easy to work with.

I'm having some issues with testimonials on the mobile. The "scrolling through testimonials" feature seems to be breaking the regular scrolling. So it's difficult to scroll up and down when you're on the testimonials section. You have to scroll on either of the sides of the testimonials.

Any idea on how I can improve this?

Hello! I tried to run yarn dev as in the instruction, but the following error occurred:

(pwebsite) MacBook-Pro-15:personal-website sunweihao$ yarn dev
Usage Error: Couldn't find a script named "dev".

$ yarn run [--inspect] [--inspect-brk] [-T,--top-level] [-B,--binaries-only] [--require #0] <scriptName> ...

Is there something wrong with the yarn installation? Thanks!

where file for change title, because the title is 'React Resume Templete'

Unable to find and modify "Here you can show a snapshot of your skills to show off to employers" header for the skills section within data.tsx file or any file

@tbakerx I notice a slight delay when you scroll from the Work section to the Testimonial section on a clean pull of this repo inside a create-react-app. Any idea what could be causing this? It's like it hags for a split second when scrolling from the Work section to the Testimonial section.

Hi Tim,
I noticed that the horizontal overflow goes beyond the screen limit.

So, I simply updated this line, in line 14 of the Hero.tsx file:

Just wanted to say "Thanks!". I was looking for a simple solution for a personal portfolio page and stumbled across your solution. Furthermore I wanted to take a look at Next.js, so all boxes ticked ;-)

Tim,
there is no folder like assets/resume.pdf.
But how you pdf is getting downloded .I have no clue.
├───components
│ ├───Icon
│ ├───Layout
│ └───Sections
│ ├───Contact
│ └───Resume
├───data
├───hooks
├───images
│ └───portfolio
└───pages
└───api
Here is the tree of src

I forked this template (which looks very cool!), ran yarn install and then yarn dev as instructed and ...

src/pages/_app.tsx:10:8 - error TS2786: 'Component' cannot be used as a JSX component.
  Its element type 'ReactElement<any, any> | Component<any, any, any> | null' is not a valid JSX element.
    Type 'Component<any, any, any>' is not assignable to type 'Element | ElementClass | null'.
      Type 'Component<any, any, any>' is not assignable to type 'ElementClass'.
        The types returned by 'render()' are incompatible between these types.
          Type 'React.ReactNode' is not assignable to type 'import("/Users/davidgs/github.com/node_modules/@types/react/index").ReactNode'.
            Type 'ReactElement<any, string | JSXElementConstructor<any>>' is not assignable to type 'ReactNode'.
              Property 'children' is missing in type 'ReactElement<any, string | JSXElementConstructor<any>>' but required in type 'ReactPortal'.

10       <Component {...pageProps} />
          ~~~~~~~~~

  ../node_modules/@types/react/index.d.ts:181:9
    181         children: ReactNode;
                ~~~~~~~~
    'children' is declared here.

src/pages/index.tsx:20:6 - error TS2786: 'Page' cannot be used as a JSX component.
  Its element type 'ReactElement<any, any> | Component<PropsWithChildren<HomepageMeta>, any, any> | null' is not a valid JSX element.
    Type 'Component<PropsWithChildren<HomepageMeta>, any, any>' is not assignable to type 'Element | ElementClass | null'.
      Type 'Component<PropsWithChildren<HomepageMeta>, any, any>' is not assignable to type 'ElementClass'.
        The types returned by 'render()' are incompatible between these types.
          Type 'React.ReactNode' is not assignable to type 'import("/Users/davidgs/github.com/node_modules/@types/react/index").ReactNode'.

20     <Page description={description} title={title}>
        ~~~~

src/pages/index.tsx:21:8 - error TS2786: 'Header' cannot be used as a JSX component.
  Its element type 'ReactElement<any, any> | Component<{}, any, any> | null' is not a valid JSX element.
    Type 'Component<{}, any, any>' is not assignable to type 'Element | ElementClass | null'.
      Type 'Component<{}, any, any>' is not assignable to type 'ElementClass'.
        The types returned by 'render()' are incompatible between these types.
          Type 'React.ReactNode' is not assignable to type 'import("/Users/davidgs/github.com/node_modules/@types/react/index").ReactNode'.

21       <Header />
          ~~~~~~


Found 3 errors.

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

I'm going to dig in and see if I can figure out what the problem is, and if I do, I'll submit a PR. Just thought you should know.

Do you have a good way of specifying an og:image in meta tags?

How do you launch this app through heroku? Does it not have a proper back end?

Hi, i want to deploy this project in github pages, it's possible?

Thanks, Joel Alves

First of all, Thanks for your awesome great work!!!

Can u help me to send the value of forms in my mailbox ? Or if u have a better idea to work with this form ? Thanks a lot !!

NB: When I send the forms, there is infinite img and nothing behind to confirm this is sent or where

sorry for my english

ArQuel

I am having the issue of the resumeData json file not linking to the rest of the webpage when I push it to the github repository. On my local server, the resumeData file is linked and filling in all of my data. There is just a problem with hosting on github. The error in the console says "Failed to load resource: /resumeData.json?_=1573576264900:1 the server responded with a status of 404 ()." Has anyone found the solution for this?

Good night from Spain!

First things first, thank you very much for your work! I'm using you code to learn typescript and at the same time I build a good resume website.

I raise this issue because I have tried to add a pdf in the "download resume button" (line 89 in src/data/data.tsx on main branch) but it still is reporting me an 404 error (404 This page could not be found.). The pdf exists in the specified path. But i do not find the problem in the code...

Thank you again!

Fernando...

There is a small typo mistake on the demo landing page. In the description, it says "I'm a (Your City) based (Your Occupation Here)". It should be the other way around!

Also, thank you for this great template!

Update: I checked your personal site. I see that you meant "I'm a Victoria-based Software Security Engineer". You can delete or resolve this issue!

Hey, great job on this.

I wonder how is it possible to upgrade font awesome version from 4 to 5 since I want to add my "Dev.to" account and its icon is only supported in version 5+.

Many thanks in advance.

Hello,

When I viewed the app on mobile, the website suddenly stretched out all the images in the portfolio section

Ps> it was deployed on firebase and netlify and still had the same issues

Hi,
First of all, Many thanks for your great work !
I have an issue calling the sendMail php (I have actually added my own php file - as it's not present in your package) function with a POST method.
with GET no problem.. but with the post I only get a 404 error.
Any ideas ?

Figure.1 React portfolio page before deploy to Github.io (localhost)

Figure.2 React portfolio page after deploy to Github.io (github.io website)

I don't know that why any text and logo on there util last page is disappeared.