- Create about page with author information and contact section - Add localized messages for English and Chinese about page - Implement responsive image gallery with multiple column layouts - Use Pexels images for gallery content - Add image loading optimization with eager and lazy loading - Update Next.js image configuration to support Pexels image domain - Enhance page layout with Shadcn/ui Avatar and Button components
52 lines
1.3 KiB
TypeScript
52 lines
1.3 KiB
TypeScript
import type { NextConfig } from "next";
|
|
import createNextIntlPlugin from 'next-intl/plugin';
|
|
import { withContentCollections } from "@content-collections/next";
|
|
|
|
/**
|
|
* https://nextjs.org/docs/app/api-reference/config/next-config-js
|
|
*/
|
|
const nextConfig: NextConfig = {
|
|
/* config options here */
|
|
|
|
// https://nextjs.org/docs/architecture/nextjs-compiler#remove-console
|
|
// Remove all console.* calls in production only
|
|
compiler: {
|
|
removeConsole: process.env.NODE_ENV === "production",
|
|
},
|
|
|
|
images: {
|
|
remotePatterns: [
|
|
{
|
|
protocol: "https",
|
|
hostname: "avatars.githubusercontent.com",
|
|
},
|
|
{
|
|
protocol: "https",
|
|
hostname: "lh3.googleusercontent.com",
|
|
},
|
|
{
|
|
protocol: "https",
|
|
hostname: "randomuser.me",
|
|
},
|
|
{
|
|
protocol: "https",
|
|
hostname: "images.pexels.com",
|
|
},
|
|
],
|
|
},
|
|
};
|
|
|
|
/**
|
|
* You can specify the path to the request config file or use the default one (@/i18n/request.ts)
|
|
*
|
|
* https://next-intl.dev/docs/getting-started/app-router/with-i18n-routing#next-config
|
|
*/
|
|
const withNextIntl = createNextIntlPlugin();
|
|
|
|
/**
|
|
* withContentCollections must be the outermost plugin
|
|
*
|
|
* https://www.content-collections.dev/docs/quickstart/next
|
|
*/
|
|
export default withContentCollections(withNextIntl(nextConfig));
|