Salesforce LWC/LWR Portfolio Site Tutorial Part 1: Setup
HTML-код
- Опубликовано: 5 фев 2025
- This is the first video in a series where we build a simple portfolio site on the Salesforce Lightning Web Runtime using custom Lightning Web components.
In this video I show you how to use Experience Builder and Visual Studio Code to create the Experience Cloud Lightning Web Runtime site and publish the source code to GitHub. This allows us to deploy our site to new Salesforce Scratch Orgs during our development process.
The final source code for this Experience Cloud Site can be found here on GitHub: github.com/mro...
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/kAzmhLHePqU/mqdefault.jpg)
Fantastic, Mitch, It's an exceptional tutorial series to begin with LWR sites. thanks.
Hey Mitch, little late to the party, but I had I believe 20 errors where you had 1 for the AppSwitcher, but I just followed what you did for each error and it was a success. I think I had a lot of Spring24 release stuff that you didn't have in your example. Thanks! These videos are helpful.
How did you solve it? I encountered a bunch of conflicts, most of them are from report and dash board folder
Thank you, Thank you, Thank you for this tutorial.
Excellent!!! thanks a lot. I want to learn a lot more about this
Hi Mitch,
Can you please explain the prerequisite steps to make a portfolio this
I am a beginner trying to learn
Help me out
Thank you
Hello, the video is great, I'm not clear about the difference between LWC and LWR. In the example, is a correct LWC component shown? Is all this delivered with the cms?
Lightning Web Components (LWC) are the HTML/CSS/JavaScript/Apex packages that you create. The Lightning Web Runtime (LWR) is the engine built into Salesforce that serves and runs your Lightning Web Components in Experience Cloud. In this video series, we are writing LWCs that run on LWR. Hopefully that makes sense.
Also, the Content Management System (CMS) isn't really covered in this video series. The CMS is a way to let your less technical users change the content on your site without having to modify the underlying code.
This is a little confusing. What would suggest for a beginner? I'm a certified admin with minimal experience and I would like to build a simple portfolio to increase my chances of getting hired. Thank you :)
Somehow i could not deploy land create scratch org. Should i really needs for further steps.
(I stuck 2:27 ) 😅
I am super late to the party here, but getting tripped up on creating the Scratch Org seems to be a common problem. It is perfectly find to just use a Trailhead Playground or Developer Edition Org for this. First, set up the Org that you want to use and make sure you have the user name and password. Then, from VSCode, instead of running the command "SFDX: Create a Default Scratch Org", run the command "SFDX: Authorize an Org" and then log into the Developer Edition Org that you want to use
hello sir can u pls tell me how can i make my lwr url public anybody see that without any login authentication
Thanks a lot, i just keep getting this error when I'm trying to create scratch : The specified org is not a Dev Hub., if there is any help
I think you just need to enable Dev Hub in the Org that you are currently authorized against. Here are the quick instructions from developer.salesforce.com/docs/atlas.en-us.sfdx_dev.meta/sfdx_dev/sfdx_setup_enable_devhub.htm#:~:text=To%20enable%20Dev%20Hub%20in,box%20and%20select%20Dev%20Hub.
1. Log in as System Administrator to your production, Developer Edition, or trial org.
2. From Setup, enter Dev Hub in the Quick Find box and select Dev Hub.
If you don't see Dev Hub in the Setup menu, make sure that your org is one of the supported editions.
3. To enable Dev Hub, click Enable.
After you enable Dev Hub, you can’t disable it.
@@mitchroutt thanks a lot man, i'll try it👌
This is great! Just wondering, can I also do this without having to create a scratch org? I'd like to use my Developer Edition org directly. I tried adding the "features" in the JSON file but it doesn't work.
I apologize for being super late with my replies. You can absolutely use a regular Developer Edition Org instead. From VSCode, instead of running the command "SFDX: Create a Default Scratch Org", run the command "SFDX: Authorize an Org" and then log into the Developer Edition Org that you want to use.
Hi , LWR site series is really very useful. I want to add app launcher to LWR site navigation menu. Is it possible ?
I think that would be pretty tricky, since this portfolio site is meant for unauthenticated guest user access. If you had a site where users were logging in, then you could maybe do something like this. Although at that point, I would wonder why you don't just make an App in Salesforce and have licensed users log in like normal. I might not understand the question.
Hi @mitchRoutt,
when I tried the command "sf open org" from VS Code, it did not open the dev org login browser, and I got below error in the VS Code terminal, it used to work. any idea what could be the issue?
"C:\Users\umrpo\AppData\Local\sfdx\client\bin\..\7.209.6-8ba3197\bin\sf.cmd"' is not recognized as an internal or external command, operable program or batch file.
I know this is way late, but it looks like you don't have the Salesforce CLI in your system path. I would recommend re-installing the Salesforce CLI.