公開日:

テストページ

Welcome to my MD(X) page!

Simple Homepage & blog made with Next.js, MDX and Shadcn UI 🚀

A starter kit for sites with blogs, using a modern stack to accelerate website building and gain flexible scalability!

Stacks details

We used modern tooling to build this example project, including:

directory structure

Store project files outside of app according to Shadcn/ui.

And the addDir hierarchy is divided into 3 levels.

  1. metadata files via Next.js.
  2. Basic site page structure.(routing)
  3. The concept of co-location.
    1   2   3
src
├─app
|   ├─(pages)
|   |   ├─(root)
|   |   │   ├─page.tsx
|   |   │   ├─_components
|   |   │   │   └─componentA.tsx
|   |   │   └─_types
|   |   |       └─types.ts
|   |   ├─pageA
|   |   |   ├─page.tsx
|   |   |   ├─_components
|   |   |   │   └─componentB.tsx
|   |   |   └─_types
|   |   |      └─types.ts
|   |   └─layout.tsx
|   ├─error.tsx
|   ├─layout.tsx
|   ├─loading.tsx
|   └─not-found.tsx
|
├─components
|   ├─navbar.tsx
|   └─ui
|     └─button.tsx
├─libs
|
 

Reference

Here's a list of other related projects where you can find inspiration for your own project:

License

One really important part: Give your project a proper license. Here you should
state what the license is and how to find the text version of the license.
Something like:

"The code in this project is licensed under MIT license."