Generate a bundle of the admin panel at **/src** with webpack and add to the website at **/demo** with <script>

[webcrumbs-community]

Objective 🎯

• Create a Webpack configuration to bundle the admin panel code from the /src directory.
• After bundling, add the generated script to the /demo directory of our website using a <script> tag.

Steps to accomplish this ✅

1. Navigate to the /src directory where the admin panel code resides.
2. Create or modify the existing Webpack configuration file to include the admin panel.
3. Run Webpack to generate the bundled script.
4. Move the bundled script to the /demo directory.
5. Integrate this script into the demo site using a <script> tag.

Additional context 📝

Make sure you thoroughly test the bundled admin panel in the demo site to ensure it's working as expected. Feel free to reach out if you encounter any issues or have questions.

[Yogeshp0012]

Can I work on this?

[webcrumbs-community]

Sure! Go for it 💪

[Yogeshp0012]

Hi @webcrumbs-community , I cannot see any /src directory inside the admin folder

[webcrumbs-community]

Oh, it doesn't exist yet. Please feel free to create it. Cheers!

[webcrumbs-community]

@Yogeshp0012 I understand this is one of the most difficult tasks we have at the moment. I included a diagram here to explain how the work we've been doing will come together. Let me know if you have any questions. Cheers!

[Yogeshp0012]

@webcrumbs-community, Sorry I am currently piled up with a lot of work. You can reassign this to someone who wants to work on it.

[webcrumbs-community]

Don't worry, mate! Come back when the time is better for you.

[ayobamiseun]

@webcrumbs-community & @Yogeshp0012 if this issue is still open can i give it a shot ✊

[webcrumbs-community]

This one is our big challenge. 👀 Everyone is welcome to give a shot! 💪 I'll let this one as a first come first served base.

[ayobamiseun]

@webcrumbs-community am i suppose to add an index to the demo directory before i can call the script tag ?

[webcrumbs-community]

@ayobamiseun I guess it can be at demo/pages/_document.tsx. What do you think?

[ayobamiseun]

@webcrumbs-community sent a PR regarding this.

[webcrumbs-community]

Received, @ayobamiseun! Thanks. 💪 When you tried, did it add the localhost:3000/admin to the /demo or there are more steps needed? Cheers!

[ayobamiseun]

i doubt if i can set that in the, i will appreciate if you can give me more explanation regarding this requirement.

[webcrumbs-community]

I don't have the answer now, but I'm hoping to find it on my book list. I know there are many ways of doing it (routing in micro frontends), there's probably a way that's better in our case.

[ayobamiseun]

I actually saw we can use routing to achieve this, I will probably just do that.
Set the home to localhost:3000/admin.

I will love to check those books out, can you give me the names and author name.

[webcrumbs-community]

Will do! In the meanwhile, I sent you a gift of an Udemy course that may give us some ideas. You should receive it by email.

[ayobamiseun]

Wow i just got it 😄😁 i really really do appreciate it. i will check the course i am so sure it will help me in working on this.

[webcrumbs-community]

Here it is!

1. The Art of Micro Frontends: Build websites using compositional UIs that grow naturally as your application scales https://a.co/d/8VL2h1b
2. Micro Frontends in Action https://a.co/d/dFPzm0p
3. Building Micro-Frontends: Scaling Teams and Projects, Empowering Developers https://a.co/d/302ulFH

[ayobamiseun]

The links aren’t working. I don’t know if I can get them as a mail.

[webcrumbs-community]

The second book I've mentioned has a code for routing that may give us some ideas. You can find it here

[webcrumbs-community]

The links aren’t working. I don’t know if I can get them as a mail.

I think I solved the broken links

[ayobamiseun]

I just got it. Appreciate 🫶

[webcrumbs-community]

@ayobamiseun Passing by to share that we've just opened the Core Discussion. This will be the most important part for our project, for sure. Cheers!

[webcrumbs-community]

Suggestion: we can deal with this challenge as an /core/experiment-x, improving from the previous one. Experiment-1 is half way there, but it still needs to be bundled and added to an another package. I'll close this one and start a new issue.