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.
With the help of Bootstrap, the site has responsive/adaptive components, but, many times, this is not enough. In these cases, you can go one step further and implement a mobile app with Sitefinity and NativeScript.
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”.
To get started with the demo, set up NativeScript
, download the source code from here
, host your “Quantum” application on IIS, configure the endpoints from the app.js file and run it. Keep in mind that the app is optimized for HD resolution.
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.
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.