Define process of migrating to Next.js & Typescript

[lvnam96]

Refs:

• https://github.com/unicodeveloper/awesome-nextjs
• https://nextjs.org/docs/basic-features/typescript
• https://github.com/zeit/next-plugins/tree/master/packages/next-typescript

Notes from Next.js documentation: Next.js uses Babel to handle TypeScript, which has some caveats, and some compiler options are handled differently.

Migrating steps:

• [ ] 0. Learn how Next.js works
• [ ] 1. Define build process for entrypoints: signin, signup & main
• [ ] 2. Define communication method between nextjs server & API server
• [ ] 3. Migrate to Next.js
  • [ ] 3.1. Migrate frontend to Next.js
  • [ ] 3.2. Migrate backend to using Next.js & serve API at the same time
• [ ] 4. Start using Typescript

[lvnam96]

Step 1

[lvnam96]

Step 2

[lvnam96]

Migrate frontend

Useful packages:

• next-redux-wrapper
• swr
• Next.js plugins

CSS-related things:

• Customize PostCSS config
• Sass?
• TailwindCSS ? Bootstrap?

[lvnam96]

Migrate backend

Boilerplates to learn:

https://github.com/unicodeveloper/awesome-nextjs#boilerplates

Useful links:

• https://github.com/MustansirZia/next-express-bootstrap-boilerplate#express-integration