mehmetnyarar

Loading FontAwesome with SCSS in NextJS

Install Plugins

Install these two plugins:

• next-fonts
• next-sass

Edit Configuration File

mehmetnyarar

/**
 * Creates a JSON file for fontawesome icons. Results is an array of following object shape:
 * {
 *   id: "<library>-<iconName>",
 *   name: "<iconName>",
 *   label: "<iconLabel>",
 *   tags: ["tags", "for", "search"],
 *   css: "<css-class>"
 * }
 *

mehmetnyarar

NextJS with Custom Routes (next-routes.tsx)

<project_root>/src/routes/types.ts:

export interface IRoute {
  name: string
  page: string
  pattern: string
}