vicious-gold
vicious-gold2y 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
kapa.ai2y 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
kapa.ai2y ago
<@306113560034148352> kapa.ai is still learning and improving, please let us how it did by reacting below
extended-salmon
extended-salmon2y ago
You can bootstrap only one example at same time :/
vicious-gold
vicious-goldOP2y 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?
extended-salmon
extended-salmon2y ago
are you following youtube tutorial ?
vicious-gold
vicious-goldOP2y ago
yes, on the JavaScript Mastery channel
extended-salmon
extended-salmon2y ago
you can use this command for refine version 3 npm create refine-app@latest -- --branch v3
vicious-gold
vicious-goldOP2y ago
Thank you, appreciate the help