baconsocrispy/worldhdqs-app

World Headquarters frontend / Next.js 14

INITIAL CONFIGURATION

Install Next v14.0.2

• npx create-next-app@latest csb-app
• Configured with TypeScript, App Router

Install Sass

• yarn add sass

Install Dotenv

• yarn add dotenv

Add Adobe Fonts

• Go to https://fonts.adobe.com/
• Choose a font
• From font page, click </> Add To Web Project
• Create a new project or add to existing and click save
• Click the use @import link
• copy the @import statement: @import url("https://use.typekit.net/nsj6ymx.css");
• paste the statement in the fonts scss file
• the adobe font should now be accessible in font-family