Git Product home page Git Product logo

bookworm-light-nextjs's Introduction

Bookworm Light NextJs

Bookworm Light is a minimal multi-author free nextjs blog template. This highly customizable theme is ideal for creating any type of blog website, including food, recipes, beauty, lifestyle, photography, travel, health, fitness, and more.

license code size contributors

bookworm-light

πŸ”‘ Key Features

  • πŸ“„ 13+ Pre-Designed Pages
  • ✍️ Multi-Author support
  • πŸš€ Google Page Speed score 100! (Desktop)
  • βœ‰οΈ Supports Contact Form
  • πŸ” Search Functionality
  • 🌐 Semantic HTML Document Structure
  • πŸ–ΌοΈ Custom Logo Support
  • 🎨 Includes All SCSS Files
  • πŸŒ… Image Optimized With Next/image

πŸ“„ 13+ Pre-Designed Pages

  • 🏠 Home Page
  • ℹ️ About Page
  • πŸ“ž Contact Page
  • πŸ‘€ Author Page
  • πŸ‘€ Single Author Page
  • πŸ“š Categories Page
  • πŸ“„ Categories Single Page
  • πŸ”– Tag Page
  • πŸ”– Single Tag pages
  • 🎨 Elements Page
  • πŸ”’ Privacy policy page
  • πŸ“š Blog Page
  • πŸ“ Blog Single Page

βš™οΈ Installation

After downloading the template, you have some prerequisites to install. Then you can run it on your localhost. You can view the package.json file to see which scripts are included.

πŸ”§ Install prerequisites (once for a machine)

πŸ–₯️ Local setup

After successfully installing those dependencies, open this template with any IDE [VS Code recommended], and then open the internal terminal of IDM [vs code shortcut ctrl/cmd+`]

  • Install dependencies
npm install
  • Run locally
npm run dev

After that, it will open up a preview of the template in your default browser, watch for changes to source files, and live-reload the browser when changes are saved.

πŸ—οΈ Production Build

After finishing all the customization, you can create a production build by running this command.

npm run build

🐞Reporting Issues

We use GitHub Issues as the official bug tracker for this Template. Please Search existing issues. It’s possible someone has already reported the same problem. If your problem or idea has not been addressed yet, feel free to open a new issue.

πŸ’¬ Technical Support or Customization (Paid)

If you need technical support or theme customization please contact us instead of opening an issue.

πŸ“„ License

Copyright (c) 2016 - Present, Designed & Developed by Themefisher

Code License: Released under the MIT license.

Image license: The images are only for demonstration purposes. They have their license, we don't have permission to share those images.

πŸ‘¨β€πŸ’» Hire Us

Besides developing unique, blazing-fast Nextjs templates, we also provide customized services. We specialize in creating affordable, high-quality static websites based on Nextjs.

If you need to customize the theme or complete website development from scratch, you can hire us.

πŸ‘‰ More NextJs Templates By Us

Spydea NextJs Logbook Parsa
Spydea NextJs Andromeda NextJs Bigspring Light NextJs

bookworm-light-nextjs's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

bookworm-light-nextjs's Issues

TypeError: _jsxDEV is not a function

Hi there,

I'm trying to run the template locally but I get the error TypeError: _jsxDEV is not a function.

I've tried node 18, 16, 14. Is there a way to resolve this?

Thanks!

How to add new posts

Hi, great theme! I was wondering what the process is to add a new post. I created a new MD file, and the Author page, but it doesn't appear on the page, neither the dev nor production build.

edit: it seems to be a bug, it appears if I have 6 or 8 posts, but not if there are 7

posts.json not updating when new file added to content/posts directory

I manually added a new .md file to the content/posts directory, and published it. The post page was created successfully, but the posts.json file was not updated to include that post content in the file. this results in the search functionality and "similar posts" functionality not working properly.

lib/jsonGenerator.js

When I run your provided commands it says this.
I have installed latest node

Error:

PS C:\Users\Mega Computers\Downloads\Compressed\bookworm-light-nextjs-main_2\bookworm-light-nextjs-main> npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"18.2.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@">=16.x <=17.x" from [email protected]
npm ERR! node_modules/next-mdx-remote
npm ERR! next-mdx-remote@"^3.0.8" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR!
npm ERR! For a full report see:
npm ERR! C:\Users\Mega Computers\AppData\Local\npm-cache_logs\2023-06-02T18_54_28_538Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Mega Computers\AppData\Local\npm-cache_logs\2023-06-02T18_54_28_538Z-debug-0.log
PS C:\Users\Mega Computers\Downloads\Compressed\bookworm-light-nextjs-main_2\bookworm-light-nextjs-main> npm run dev

[email protected] dev
node lib/jsonGenerator.js && next dev

node:internal/modules/cjs/loader:1078
throw err;
^

Error: Cannot find module 'gray-matter'
Require stack:

  • C:\Users\Mega Computers\Downloads\Compressed\bookworm-light-nextjs-main_2\bookworm-light-nextjs-main\lib\jsonGenerator.js
    at Module._resolveFilename (node:internal/modules/cjs/loader:1075:15)
    at Module._load (node:internal/modules/cjs/loader:920:27)
    at Module.require (node:internal/modules/cjs/loader:1141:19)
    at require (node:internal/modules/cjs/helpers:110:18)
    at Object. (C:\Users\Mega Computers\Downloads\Compressed\bookworm-light-nextjs-main_2\bookworm-light-nextjs-main\lib\jsonGenerator.js:3:16)
    at Module._compile (node:internal/modules/cjs/loader:1254:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1308:10)
    at Module.load (node:internal/modules/cjs/loader:1117:32)
    at Module._load (node:internal/modules/cjs/loader:958:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12) {
    code: 'MODULE_NOT_FOUND',
    requireStack: [
    'C:\Users\Mega Computers\Downloads\Compressed\bookworm-light-nextjs-main_2\bookworm-light-nextjs-main\lib\jsonGenerator.js'
    ]
    }

Custom blog slug

Hi there,

I'm newbie here. Just want some guide to have the blog post on sub pages instead on the homepage? For example - domain.com/blog

and homepage path "/" reserve for homepage content.

Looking forward to your reply.

Regards,
Codehyper

dependency conflict

next-mdx-remote requires a version of react between 16.x and 17.x. causes error when using npm install

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.