Hookah delivery project - moving to Next JS
Project Redesign and Migration to Next.js Using Strapi CMS
Project Description
Transition to a Modern Platform
The project was initially developed on the Wix website builder. As part of this project, work was carried out to redesign and change the platform, allowing us to transition to using one of the most modern frameworks — Next.js. This framework, based on React.js, ensures high performance, SEO optimization, and flexibility in development.
New Design and Structure
The website design was completely overhauled from scratch using SCSS for styling, while maintaining the URL structure and page hierarchy from the old site to preserve user experience and maintain search engine rankings. All interface elements were adapted to meet modern standards and user requirements.
Headless CMS Integration
A headless Strapi CMS with SQLite database was used for content management. This solution provides maximum flexibility in content handling and allows for easy scalability in the future. JavaScript was utilized for API interactions with Strapi.
Functional Enhancements
A feature was added to send form submissions directly to a private Telegram chat using the Telegram Bot API. This significantly simplified the communication process between users and the project team. The integration with Telegram Bot API was implemented using JavaScript, ensuring reliable and efficient operation.
nfrastructure Optimization
An optimal server was selected for hosting the project, and the free aaPanel control panel was installed and configured. This ensured reliable and efficient server management.
SEO Optimization
All aspects of SEO were meticulously addressed: sitemap.xml and robots.txt were created, and all tags and meta tags were made consistent with the previous version of the site. These measures aim to retain and improve the site's search engine rankings.
Screenshot of the new homepage on next.js:
Technology Stack
- Next.js: A modern framework based on React.js, providing high performance and SEO optimization.
- React.js: A library for building user interfaces.
- SCSS: A CSS preprocessor for convenient and powerful styling.
- JavaScript: The primary programming language for implementing business logic and integrations.
- Strapi + SQLite: A headless CMS with an SQLite database for content management.
- Telegram Bot API: Integration for sending form submissions to a private Telegram chat.
- aaPanel: A free server control panel for efficient administration.
Internal project