Transfer of Autopilot78 to Next.js and custom admin panel

About the project

Autopilot78 is an online store of car covers, capes and car accessories from St. Petersburg. The project needed to switch from the old platform to Next.js without losing the catalog, existing commercial pages and accumulated search potential. We put together a new fast frontend, moved the product structure, implemented selection by make, model and year of the car, and developed a custom administrative panel for the store team. After the migration, we continued technical SEO optimization and development of catalog landing pages.

Business problem

• Transfer an existing online store to Next.js without stopping sales and losing key user scenarios.
• Maintain SEO value of categories and product pages when changing technology platform.
• Develop a custom admin panel for managing products, categories, compatibility with cars, orders and SEO fields.
• Make a quick selection of car covers and accessories by make, model and year of manufacture of the car.
• Prepare the architecture for catalog expansion, new filters and further SEO promotion.

Technical solution

• Next.js frontend with server-side generation of commercial pages and predictable content indexing.
• Catalog of car covers, capes, accessories, steering wheel covers, gift certificates and installation services.
• Selection of products by car: dependent fields of make, model and year with transition to a compatible assortment.
• Custom administrative panel for catalog, characteristics, images, availability, orders, banners and metadata.
• SEO migration: map of old and new URLs, spot 301 redirects, canonical, sitemap, robots.txt and server response control.
• Templates for categories and product cards with manageable title, description, headings, texts and internal linking.
• Cart, authorization, call order, delivery and payment as a single adaptive user scenario.
• Optimization of images, client-side JavaScript and loading of basic interface elements.

Technologies

• Next.js and React for an online storefront
• Node.js and API for catalog, orders and administrative panel
• JavaScript, HTML5 and CSS3
• Custom admin panel with product management, compatibility and SEO fields
• Yandex Webmaster, Google Search Console and web analytics systems

Results

• The online store has been moved to Next.js and runs on a new technology platform.
• The team manages the catalog, orders and search metadata through its own administrative panel.
• Selection by car connects the user's request with suitable categories and products.
• Categories and cards have been given an SEO-driven structure to further expand search coverage.
• The architecture allows you to develop the range and interface without the limitations of a ready-made CMS.

Related service

We transfer e-commerce projects to a modern stack, save search traffic and develop catalog management for business processes.