Understand the installation process of Radix Themes in the nextjs app router, then check out my article.
git clone https://github.com/officialrajdeepsingh/radix-theme.gitcd radix-themenpm install
# or
pnpm install
# or
yarn installFirst, run the development server:
npm run dev
# or
yarn dev
# or
pnpm devOpen http:https://localhost:3000 with your browser to see the result.
You can edit the page by modifying app/page.tsx. The page auto-updates as you edit the file.
Remove the following code when you start your local development server. The following code only works when you deploy your site on the GitHub page.
// next.config.js
/** @type {import('next').NextConfig} */
let envImageUnoptimize = process.env.NODE_ENV !== "production" ? false : true
const nextConfig = {
output: process.env.NODE_ENV !== "production" ? undefined: "export",
images: {
unoptimized: envImageUnoptimize,
remotePatterns: [
{
hostname: "images.unsplash.com",
},
],
},
};
module.exports = nextConfig;