Skip to content
This repository has been archived by the owner on Aug 23, 2024. It is now read-only.

9d8dev/fjord

Repository files navigation

⚠️ This repo is deprecated: This repo is deprecated and no longer supported. Instead, use next-wp. NextWP Repo

logo

Fjord :: Headless WordPress using Next JS 14

Also check out

Deploy with Vercel

See a demo here: fjord.dev

Next.js 14 App Directory Template for Headless CMS using the WordPress REST API

Quick Start

  1. Clone this repository
  2. Run npm install within the directory to install dependencies
  3. Configure the Wordpress REST API in your Wordpress instance
  4. Edit fjord.config.ts to map to your WordPress instance and customize the website

Directory

fjord
├── README.md
├── app
│   ├── (legal)
│   ├── (pages)
│   │   ├── [slug]
│   │   └── all
│   ├── about
│   ├── contact
│   ├── favicon.ico
│   ├── globals.css
│   ├── layout.tsx
│   ├── opengraph-image.jpg
│   ├── page.tsx
│   ├── posts
│   │   ├── [slug]
│   │   ├── authors
│   │   │   ├── [slug]
│   │   └── page.tsx
│   ├── robots.txt
│   ├── sitemap.ts
│   └── twitter-image.jpg
├── components
│   ├── content
│   │   ├── about-author.tsx
│   │   ├── article-wrapper.tsx
│   │   ├── content-grid.tsx
│   │   ├── page-body.tsx
│   │   ├── pagination-wrapper.tsx
│   │   └── post-card.tsx
│   ├── craft
│   │   ├── layout.tsx
│   │   ├── section
│   │   │   ├── footer.tsx
│   │   │   ├── mobile-nav.tsx
│   │   │   ├── nav-menu.tsx
│   │   │   └── nav.tsx
│   │   └── theme
│   │       ├── theme-provider.tsx
│   │       └── theme-toggle.tsx
│   ├── forms
│   │   └── contact-form.tsx
│   ├── global
│   │   └── elements
│   │       └── back-button.tsx
│   ├── sections
│   │   ├── about.tsx
│   │   ├── cta-form.tsx
│   │   ├── cta.tsx
│   │   ├── faq.tsx
│   │   ├── feature.tsx
│   │   ├── hero.tsx
│   │   ├── recent-posts.tsx
│   │   ├── secondary-hero.tsx
│   │   └── testimonials.tsx
│   └── ui
├── components.json
├── content
│   ├── cookie-policy.mdx
│   ├── privacy-policy.mdx
│   └── terms-of-service.mdx
├── fjord.config.ts
├── lib
│   ├── data.ts
│   ├── types.ts
│   └── utils.ts
├── next.config.js
├── package-lock.json
├── package.json
├── postcss.config.js
├── public
│   ├── logo.svg
│   ├── placeholder-2.jpg
│   ├── placeholder.jpg
│   └── robots.txt
├── tailwind.config.ts
└── tsconfig.json

Technologies

  • Next JS App Directory
  • WordPress Rest API
  • Shadcn/ui
  • Tailwind CSS
  • Craft UI
  • Typescript

Site Structure

  • /: Homepage
  • /contact: Contact page
  • /about: About page
  • /posts: Blog index
  • /posts/[slug]: Blog post
  • /all: Wordpress pages index
  • /[slug]: Wordpress page
  • /posts/authors: Wordpress author index
  • /posts/authors/[slug]: Wordpress author

Built by Bridger Tower and Cameron Youngblood