NEXT.Tongkolspace is Tongkolspace’s latest website technology stack with improved performance and security. NEXT.Tongkolspace has an architecture that separates the frontend and backend, with Next.js as the frontend and Headless WordPress as the backend.
The separation of frontend and backend in NEXT.Tongkolspace has several positive implications for websites, including higher performance, easier SEO management, and better security for sensitive data.
Best Performance
The performance of websites using the NEXT.Tongkolspace stack is outstanding, with responsiveness and interactivity increasing by up to 300% faster than standard WordPress and 200% faster than Tongkolspace Optimized WordPress.
Examples of these responsiveness performance metrics include:
- Faster page loading and navigation times. For instance, when a link is clicked, the process of navigating to that page is swift.
- If the website has animations, the process runs smoothly without any glitches.
- When users scroll through the website, the process is seamless without any pauses.
Meanwhile, examples of interactivity performance include:
- When users fill out a form and click “Submit,” the system quickly provides feedback, whether it’s a confirmation of success or an error message.
- When a user drags and drops an element on the screen, such as an image, the system responds by changing the appearance or position of that element without any obstacles.
This increased responsiveness is the result of Server-Side Rendering (SSR), where when a user requests a page, the server processes the request and generates the HTML, then sends the complete HTML file to the browser. Meanwhile, for data fetching, NEXT.Tongkolspace uses caching on the API with asynchronous requests, making pages load quickly and reducing server requests. This helps the system save bandwidth. The improved interactivity is thanks to Next.js. Here, Headless WordPress acts as the data provider.
Easy SEO Management
By utilizing Headless WordPress, this means that all WordPress SEO ecosystems can be used on the backend. Therefore, SEO feature integration is much easier with WordPress optimization plugins like Yoast SEO or Rank Math. Examples of implementation include:
- Google Analytics integration, allowing users to monitor traffic through the WordPress dashboard.
- Automatic sitemap creation using SEO plugins in WordPress.
- Customization of Social Media Sharing cards.
Sample Preview Social Media Share
The frontend is rendered with SSR, so it can be indexed well by search engines. The ease with which a website can be indexed by search engines will certainly improve its SEO score. If you don’t use WordPress, implementing various SEO features can take a long time. Compared to building all SEO features from scratch, using Headless WordPress and existing plugins can save time and effort.
User-Friendly CMS
Using the WordPress Content Management System (CMS) offers advantages in terms of ease of modifying website components and functionality. For example:
- Widget customization allows users to easily add and arrange widgets in various areas of the website, such as the sidebar or footer.
- Managing content, such as adding images, videos, tables, and publication schedules, is straightforward.
- Creating navigation menus, including dropdown menus and footer menus, is easy.
- Easily adding various types of plugins, thereby enhancing website functionality. For instance, as mentioned earlier, plugins like SEO plugins, contact forms, and ACF.
For example, using plugins like Advanced Custom Fields (ACF) and page builders, users can visually modify nearly all elements on each webpage without needing to write code.
WordPress is designed with an architecture that accommodates various types of content and functionality. This allows users to customize their websites according to their needs without having to alter the system’s core structure.
Enhanced Security
NEXT.Tongkolspace provides comprehensive security for important website data with an isolated frontend and hidden backend. By separating the frontend and backend of the website, NEXT.Tongkolspace creates an additional barrier against potential attacks such as SQL injection or XXS. This makes your data more secure as access to the backend is more restricted.
If necessary, WordPress can be restricted to be accessible only through a private/internal network. By limiting access to WordPress to the internal network, the risk of external attacks can be minimized. This is like adding an extra shield to your website data.