foreign-sapphire•14mo ago

Bootstrapping an app using multiple examples

Hi everyone, I am trying to get started on a new project from an example and I want to be able to modify its components. Is it possible to use

npm create refine-app@latest -- --example

npm create refine-app@latest -- --example

with multiple example flags? Let's say I want to use auth-auth0 and customization-sider. Thanks.

8 Replies

kapa.ai•14mo ago

Hi @tala_uhh. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- Hi, Unfortunately, you cannot use multiple example flags with npm create refine-app@latest -- --example. You can only choose one example to start with. However, you can start with one example and then manually integrate the features from the other example into your project. For instance, you can start with the auth-auth0 example:

npm create refine-app@latest -- --example auth-auth0

npm create refine-app@latest -- --example auth-auth0

After creating the project, you can refer to the customization-sider example's source code and documentation to manually implement the customization features in your project. Source: auth-auth0 (https://refine.dev/docs/examples/auth/auth0) Source: customization-sider (https://refine.dev/docs/examples/customization/sider) ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•14mo ago

<@306113560034148352> kapa.ai is still learning and improving, please let us how it did by reacting below

metropolitan-bronze•14mo ago

You can bootstrap only one example at same time :/

foreign-sapphire•14mo ago

Thanks @alicanerdurmaz, I'm following a tutorial and I see that during installation there are options to customize the theme and layout, namely

mui-extend-theme

mui-extend-theme

and

mui-custom-layout

mui-custom-layout

, but using the latest version these options are not available. Is there a way to still use these options?

metropolitan-bronze•14mo ago

are you following youtube tutorial ?

foreign-sapphire•14mo ago

yes, on the JavaScript Mastery channel

metropolitan-bronze•14mo ago

you can use this command for refine version 3 npm create refine-app@latest -- --branch v3

foreign-sapphire•14mo ago

Thank you, appreciate the help