The first step to migrate your pages to the app directory is to provide a new file structure, respected by the App router.
This is attempted by this codemod, which reads the contents of your pages directory and creates the placeholder files.
The placeholder files define the basic layout and page structure.
The boilerplate includes the following:
- placeholder
page.tsxandlayout.tsxfiles which define a UI unique to a route.
If the codemod detects that a getStaticProps function is not used, it will be removed. Otherwise, it will remove the export keyword from the function definition.
Example
If you have the following directory:
The codemod will generate the following corresponding directory: