Two years ago, the Sitefinity team released a sample application showcasing the major features of the CMS and how to use them. As time passed and technologies and methodologies changes, our application fell behind.
The truth is that we need to cover the entire experience starting from a modern looking website and ending with a fast performing mobile app. That is why we completed a revamp of the “Quantum” sample application with a mobile app powered by NativeScript. These examples can be used as a guideline for your development with Sitefinity.
Get the website and the mobile app source code. Set up NativeScript, host the site on IIS, configure the the endpoints in the app.js file and run it in the emulator. Enjoy the new look and feel and start tweaking everything.
Why we need everything on one place?
Using many features in one codebase is a perfect way to help developers understand how to structure and combine them when they want to build a big and complex site. It might seems obvious that the focus is on the core features of the CMS, but they are the foundation of each project. Blogs, news, events and forums are the main data entities on the site and we are showing them with new layouts with navigation through categories.
Storing documents is another capability demonstrated in the downloads section.
When it comes to events, the built-in calendar widget comes in handy. The control gives you adaptive and responsive rendering suitable for different devices.
Custom modules, user management, forums and multilingual support are key parts of every modern site, so that applies here as well.
What we had until now?
Don’t get me wrong, I love the old version of “Quantum,” but it is old. The design of the site is outdated and needed to be changed. One of the most important things about a website is its look and feel, and, with the new version, we are following the latest trends in site design. You can see the difference from the screenshots below.
Regarding to functionality, the first version of the web site covers everything that is needed, while in v2.0, specific endpoints for mobile apps are added.
What technologies are used?
In v1.0 the web app heavily relies on WebForms but in v2.0 everything is rewritten in MVC and Feather because they are faster and lighter. The Bootstrap framework is used to help make the site responsive.
Mobile support and why it is so important
To have a complete development story today, you need to run on mobile devices flawlessly. The responsiveness of a website is not something that the developers can consider whether to do or not. This is priority number one for many companies.
If you are wondering what NativeScript is and whether you have the skillset to develop with it, the answer is simple - yes, you can and you can use your current set of skills to start right away. For more details review “Every ASP.NET WebForms Developer is Mobile developer”.
How do I log in?
Create a user only with “Users” role in the BackEnd and login to the app.
How can I test it with a live URL?
When you create an account in sitefinity.com you will have the option to create a sandbox instance of the Quantum sample to play with.
Outcome
With the above samples you will be able to kick start how to create web sites and mobile apps. So feel free to download the project, host them locally, start tweaking everything and learn by doing.Peter Filipov
Peter Filipov (Pepi) is a Product Builder focused on building the future of Sitefinity, relying on the newest technologies such as .NET 6 (and up), React and Angular. His previous experience as a Developer Advocate and Manager of Engineering helps him to understand the customers’ and market needs of Sitefinity. He also is passionate about being active and healthy.