- 1. Overall Design
- 1. Wanting to Build with SSG Only
- 2. Migrating Image Data to a Dedicated Server
- 3. Separating Existing Post Data from Markdown Data
- 4. Overall Folder Structure
- 2. Choosing the Libraries to Use
- 1. Libraries Used
- 1. Framework
- 2. Styling
- 3. Development Environment
- 4. Post File Conversion
- 5. Post Content
- 3. Building the Overall Layout
- 1. Creating the Next.js Project
- 2. Setting Up ESLint and Prettier
- 3. Initial Styling Setup
- 1. Installing Emotion
- 2. Applying Styles to Components
- 3. Applying Global Styles
- 4. Applying a Theme
- 4. Setting Up Storybook
- 5. Implementing the Layout
- 1. Overall Layout
- 2. Header, Footer
- 3. Title Area
- 4. Sidebar
- 4. Deploying to the Netlify Server
- 5. In Closing
- Home
- 20231231_01_app_design
[Next.js] Part 1: Migrating a WordPress Blog to Next.js 〜Overall Design & Environment Setup Edition〜
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