- 1. Migrating the WordPress Image Files to a Server
- 1. Uploading to Netlify (Old Method)
- 2. Uploading to a VPS Server (New Method)
- 2. Exporting the WordPress DB Data
- 1. Defining the Data Needed for the New Format
- 1. Categories and Tags
- 1. WordPress Data Structure
- 2. New Data Structure
- 2. Post Data
- 1. WordPress Data Structure
- 2. New Data Structure
- 2. Building the Export Process
- 3. Displaying the Data in Next.js
- 1. Loading the Master Data
- 2. Displaying the Master Data
- 1. Post List Page
- 2. Post Page
- 4. Migrating the Other Features
- 1. Migrating the CSS Styling
- 2. Sidebar Widgets
- 3. Filtering by Category or Search Word
- 4. Pagination
- 5. Loading External Scripts Inside Posts
- 5. Not Yet Implemented
- 6. In Closing
- Home
- 20231231_01_wp_to_next
[Next.js] Part 2: Migrating a WordPress Blog to Next.js 〜Migrating and Displaying WordPress Data〜
Next.jsReactJavaScriptWordPressFrontendSSGStorybookEmotionNode.jsp5.js
2023-12-31
Next.jsReactJavaScriptWordPressFrontendSSGStorybookEmotionNode.jsp5.js
2023-12-31
Share this post
Follow the author
Your follow really keeps me going!
Your follow really keeps me going!
Related Posts
[mise] How to Install and Use mise to Manage Multiple Development Tools [Cheat Sheet Included]
2026-09-20
[Next.js] Adding a Generated RSS Feed to a Statically Exported Blog
2026-09-13
[Remotion] Building a Code-Based Music Video Studio That Works with AI
2026-09-12
[Remotion] Making Videos with React! Learning the Basics of Remotion [With Samples]
2026-09-08
[Next.js] Localizing My Blog: A Summary of the Work [Elekibear Spark]
2026-08-23
[Node.js] Migrating Amazon Associates Link Retrieval from PA-API to the Creators API
2026-07-20
[Astro × Three.js] Building an Engineer Portfolio Site [Plasmo Portal]
2026-06-08
[Three.js] Implementing a Toon + Backface Outline Shader with a Custom Shader
2026-02-15