You are on page 1of 2

ROBIN “can you do an analysis if we can build a platform like dojodiscover.

com with
wordpress? we wrote the dojodiscover in next.js but we are thinking merging more items
such as a kanban/canvas board into it, and then there seems to be plenty of existing
wordpress plugins for that. you can use 3 hours for it to check if there are templates,plugins
to make that happen - track it on a task you can create yourself“

Solution⤵️
Following are the steps involved in creating wordpress platform from an existing nextJs
platform
1. Content Backup - Before starting the conversion, ensure you have a backup of all your
Next.js website content, including text, images, and other media files. You might need
this in case anything goes wrong during the conversion process.
2. Wordpress Setup - Install WordPress on your web hosting server or use a WordPress
hosting provider. Make sure you have access to the WordPress admin dashboard to
manage the site.
3. Theme Selection - Choose a WordPress theme that best matches the design and
layout of your existing Next.js website. You can find many free and premium themes on
the official WordPress theme repository and other marketplaces.
4. Or you can create custom themes from scratch if you have html and css files - this
way you will not have to purchase wordpress themes. If html and css files are provided it
takes 4-5 days to create a custom theme from scratch.
5. Recreating Pages and Layouts - Recreate the pages of your Next.js website using the
selected WordPress theme or use theme that we have created from scratch. You'll have
to add content, images, and other media to each page to mirror the original site's
structure.
6. Customizing the Theme - Customize the purchased WordPress theme to match the
exact look and feel of your Next.js website. This may involve tweaking CSS styles, fonts,
and other visual elements. So if we purchase a theme we have to customize it further to
match the exact look and feel of current nextJs website but if we create a custom theme
for using the provided html and css we will skip this step.
7. Handling Navigation - Setup the website's navigation menu using WordPress's built-in
menu editor or custom menus if needed. Make sure the navigation structure aligns with
your Next.js site.
8. Plugins - Next.js and WordPress have different ways of handling functionality. Identify
the features and functionality on your Next.js website and find suitable WordPress
plugins to replicate or replace those features. For eg we can use wordpress contact form
7 to create wordpress forms.
9. Custom Functionality - If your Next.js website has custom functionality, you'll need to
implement them as custom plugins or theme modifications in WordPress.
10. Optimization - WordPress offers various optimization plugins to improve site
performance and SEO. Install and configure these plugins to optimize your WordPress
website.
11. Testing - Once you've completed the conversion, thoroughly test the WordPress
website to ensure all functionalities work as expected and there are no errors or issues.
12. Launch - Once everything is working correctly, launch your new WordPress website,
and consider setting up redirects from the old Next.js URLs to the new WordPress URLs

⤵️
to preserve SEO rankings.
Features Analysis
1. Subscription form
2. Registration & Login Form
3. Social media signup and login
4. User profile setting
5. Public profile management
6. Follow and social media sharing

Plugin We may Need ⤵️


1. Ultimate Member – User Profile, Registration, Login, Member Directory, Content
Restriction & Membership Plugin
2. Social Sharing Plugin – Sassy Social Share
3. BuddyPress
4. Advanced Custom Fields
5. Permalink Manager Lite

You might also like