[Discussion] It is possible to add guide on how to edit theme?

[dzvision]

This is just a discussion or suggestion for adding guidance on how to edit it.

For example, I am not a web developer and not know next.js much.
To change the default blog from xxx.com/blog to blog.xxx.com it takes me more than 2 hours of search, trying with the next.config.mjs, working with the page.tsx to add rewrite/redirect.

After few more test and search every file, I finally found I should edit /src/components/Header.tsx

                    { routes['/blog'] && (
                        <ToggleButton
                            prefixIcon="grid"
                            href={`https://blog.xxx.com`}
                            selected={pathname.startsWith('/blog')}>
                            <Flex paddingX="2" hide="s">{blog.label}</Flex>
                        </ToggleButton>
                    )}  

How to edit icon of the navbar? (by using default icon list) [If there is no default icon list, that is fine too]

Then I face another issue. I want to delete the home page that has "work" project. And I don't know how to find it. Is it possible enlighten me how to delete that? Thank you.

[lorant-one]

hello @dzvision thanks for your feedback and for describing your experience with the onboarding, it’s super helpful to us!

here are the answers to your questions:

• you can add custom icons from react-icons to the icons.ts file as described here: https://once-ui.com/docs/icons and then update the prefixIcon props for the ToggleButton components in the Header.tsx file
• you can remove the Work section from the homepage by deleting the component from the main src/app/page.tsx file

if you have further questions, please join our discord as well where we can get back to you quicker and help with setting up custom functionalities like the blog routing!

your feedback means a lot to us — we’ll create a more comprehensive setup guide for Magic Portfolio shortly!