diff --git a/src/pages/docs/how-to/basic-setup/index.mdx b/src/pages/docs/how-to/basic-setup/index.mdx index 2bf913bb..4a670d81 100644 --- a/src/pages/docs/how-to/basic-setup/index.mdx +++ b/src/pages/docs/how-to/basic-setup/index.mdx @@ -208,7 +208,26 @@ This catch-all route tells Next.js to use the templates to render pages. Note that it is still possible to override this with hardcoded pages. For example, if you have a page in your WordPress site with a URI of `/about`, Faust.js will render that page using the relevant template in your project's `wp-templates` folder. However, if you add a `src/pages/about.js` file to your project, Next.js will render the `/about` path in your app using that file instead. -### D. Test your template +### D. Update the "Home" Page + +Ensure you have a `/src/pages/index.js` file in order for the catch-all to work properly. + +This could either be a hard-coded page or a faust page, such as: + +```js title="src/pages/index.js" +import { getWordPressProps, WordPressTemplate } from "@faustwp/core" + +export default function Page(props: any) { + return +} + +export function getStaticProps(ctx: any) { + return getWordPressProps({ ctx }) +} +``` +Having this index will allow you to have WordPress + Faust on your home page. + +### E. Test your template You should now be able to make use of this template.