Next.js Discord

Discord Forum

Redirecting within website

Unanswered
Blanc de Hotot posted this in #help-forum
Open in Discord
Blanc de HototOP
I'm trying to make a redirection when "blog" gets clicked. I've tried to look up but I'm not sure what I am doing wrong

37 Replies

@Blanc de Hotot I'm trying to make a redirection when "blog" gets clicked. I've tried to look up but I'm not sure what I am doing wrong
Ray
what are you trying to do? why are you using react-router-dom in next?
Blanc de HototOP
Trying to click "blog" and send the user to another page within the website (blog.js). react-router-dom is because I read online someone doing with it (just an attempt to do something)
Blanc de HototOP
No, let me send you what it does
Ray
const navLinks = [
  ...
  {
    path: "/blog",
    title: "Blog"
  }
  ...
Original message was deleted
Ray
try this and you don't need to use react-router-dom with next
Blanc de HototOP
http://localhost:3000/blog

but This page could not be found.
Do I need to import blog?
Ray
no
Blanc de HototOP
export default function Home() {
  return (
    <main>
      test
    </main>
  );
}

this is blog.js
Ray
create the blog page at /src/app/blog/page.js
Blanc de HototOP
ok
Ray
every page need to be named with page.js
Blanc de HototOP
I worked :D
I was very close but then I tried random stuff. I thought the problem was with URL
Thanks a lot
and one more simple thing
for the path, do we just need to put /folder?
If I had a file inside components (src/app/components) and I want to use something in blog (src/app/blog)
/blog would work?
Blanc de HototOP
yes, as an example
and I want to use it in src/app/components
Ray
sure, you can import it from src/app/blog/page.js
Blanc de HototOP
Do I need the full path tho?
or can I do ./blog/page.js
Ray
wait, you want to import the page into a component inside src/app/components?
Blanc de HototOP
Yes, again this is just an example of how to use URLS
Ray
eg. if you want to make a page and the url is /hello, you have to create a file at src/app/hello/page.tsx
you could create the component in src/app/component and import it to the page
Blanc de HototOP
So all components can just go under the same folder
For all pages
Ray
yes, you can leave them inside src/app/hello/ too if you want
since next only look for page.js
or route.js
Blanc de HototOP
Awesome, thank you! I appreciate your help!