Discussion on Bonik - NextJS eCommerce Template

Discussion on Bonik - NextJS eCommerce Template

By
Cart 650 sales

ui-lib supports this item

Supported

This author's response time can be up to 2 business days.

108 comments found.

Hello, I wondering if the template supports RTL or not and does it compatible with Headless CMS, such as WooCommerce and shopify through API’s integrations and regarding the customization is it customizable or not, did i get the source code ? thanks

You’ll get the complete source code and figma design file. You can integrate REST api from headless CMS to this template.

Thanks

Create a support ticket if you need assistance or have any questions: https://support.ui-lib.com/help-center/tickets/new

I am not able to push to github, do i need to do something extra? first time handling premium templates, error below

! [remote rejected] bb -> bb (pre-receive hook declined)

Hi, Can you delete .git folder and initiate git again?

Hello there

After saying create-react-app, can you help me how can I add the template to the project we created?

Hi, Sorry for late reply. This template is built with next.js, it’s not built with create-react-app. Do you want to remove next.js?

if i buy, will i have access to the complete project? editable ts files?

Yes you will get source code . thank you

Is this theme is for a complete e-commerce website? Can I use this for the customer frontend, vendor panel, and backend?

Hi, this is just frontend template, you need to build your server

Hello.

I’m Herri.

Thank you for your hard work so I can deploy our shop website faster /\

Btw, I’m just start working on our shop website (I bought this template around june/jul)

I would like to ask you whether it supports “variant product” ?

Thank you /\ :)

Hi, this is a just front end template and it has the components(radio button, dropdown, select menu) that you can use to add different options in product detail page page

Create a support ticket if you need assistance or have any questions: https://support.ui-lib.com/help-center/tickets/new

Hi, is your code compatible with gatsby? Thank you

Hi, this is not compatible with gatsby.

do you plan to upgrade to the next 12?

Yeah, We’ll update to next 12

do you have an update date?

Please wait, You will get notification when update release . thank you

hi, I have a presale question. Your template looks amazing. When I check the page speed of https://bonik-react.vercel.app/ with google, it gives me 35 on mobile and 70 on desktop. React templates should be normally very fast. Is there anything to correct the issue?

Thank you

The main reason is excessive DOM size, we’ve added a lot of sections on home page that’s why it’s seems slow.

This is super fast template check here : https://gtmetrix.com/reports/bonik-react.vercel.app/V7F2AVq7/ thank you

I need help, how can I be connecting to the database? which database do I use or which one is used?

Hi, the Figma files for the mobile version aren’t updated and hence they don’t match the way the screens looks in the template. Can you please upload the updated Figma version.

We dont have full mobile figma version yet, thank you

How to input the store redux saga?

Hi, we did not used redux. We used context api for state management. If you want you can use Redux. Please follow this instruction https://www.robinwieruch.de/nextjs-redux-saga

Hello, I am not able to enter the products through the admin panel. and which database to authenticate the login? would have a video explaining all this. I pay if need be please help me. I liked the template and I don’t intend to give it up…. email: odouglasrocha@gmail.com

Hi, you need react knowledge to integrate REST api or GraphQL to this template. We just provide template with dummy data. Thanks

Can you help me in a video class explaining how to insert the database? and which database is recommended to use in this template: Bonik – React eCommerce Template with NextJS.

I await help

What is your github username?

odouglasrocha

Please bought this template through evato: Bonik – React ecommerce template with NextJS. there would be no way to indicate a video lesson teaching me how to make the api, apply the payment methods passing all the back-end part. I pay for the video lesson. because I really liked this template. I am waiting..

Hi, You need to implement rest api. You can use getStaticProps or getServerSideProps

I’m using the https://github.com/vinissimus/next-translate package for translation, but when using the library in the template the pages that should be static, don’t generate as static, they generate as server side rendering. Any idea what to do?

I think you need to load translations using getStaticProps please check https://github.com/vinissimus/next-translate#how-are-translations-loaded

is figma Design included here in the download files ?

Figma is included.

Dear how are you, I need to send data to layout

original is SalePage1.layout = SaleLayout1; and i need to send category SalePage1.layout = <SaleLayout1 {...categories}>

Thanks for all

Access data from pageProps and pass to layout, check https://prnt.sc/1sljv8v

define that data to props

const ProductByCategory = ({ data }) => {}

provide data using getStaticProps

export async function getStaticProps({ params }) { const categories = await getCategories(); return { props: { data: { categories }, }, }; }

I got to have a problem in LazyImage component, it does not accept external link image URL as firebase, picsum.photos, or some link outside resource. ```bash Unhandled Runtime Error Error: Invalid src prop (https://picsum.photos/1083) on `next/image`, hostname “picsum.photos” is not configured under images in your `next.config.js` See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host``` I had to tried custom next.config.js but it doesn’t working with me. ```bash module.exports = { devIndicators: { autoPrerender: false, }, images: { domain: [ “picsum.photos”, “i.picsum.photos”, “salt.tikicdn.com”, “firebasestorage.googleapis.com”, ], }, };```

Please, help me resolve this issue. Thanks Tuan

Hi, add this

images: { domains: ['picsum.photos'], }

to next.config.js

module.exports = { devIndicators: { autoPrerender: false, }, images: { domains: ['picsum.photos'], }, };

Where exactly is the router file? where it store all the routes of the pages…

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey