Giter Club home page Giter Club logo

codebucks27 / nextjs-tailwindcss-blog-template Goto Github PK

View Code? Open in Web Editor NEW
349.0 3.0 133.0 5.04 MB

⭐Build SEO optimized personal blog website with Next.js, Tailwind CSS and Contentlayer. If you want to learn to create this you can follow the tutorial link given in the Read me file.

Home Page: https://create-blog-with-nextjs.vercel.app/

License: MIT License

JavaScript 34.08% MDX 65.13% CSS 0.79%
blog blog-template blog-theme blog-website contentlayer markdown nextjs nextjs-blog nextjs-contentlayer nextjs-markdown-tailwind-blog

nextjs-tailwindcss-blog-template's Introduction

Hi 👋, I'm CodeBucks

A passionate Web developer. Love to build beautiful websites with latest tech available😄


codebucks27

  • 🔭 I’m currently working on CodeBucks (My YouTube Channel) and DevDreaming (A website where I can share more then videos).

  • 📝 I regularly write articles on DevDreaming

  • 💬 Ask me about React, Redux, GatsbyJS, NextJS

  • 📫 How to reach me [email protected]


Latest Articles👇:

📝How to get user's location in React.js🔥
📝Top 10 Popular VS Code Themes You Should Try🔥


Latest Tutorials on Youtube👇:

📺 Next.js 13 Blog Tutorial: Build SEO Optimized Blog with Next.js, Contentlayer, and Tailwind CSS 🔥
📺 How to Create a Stunning Portfolio Website with Nextjs, Tailwind CSS and Framer-motion🌟
📺 React Website Tutorial: ⭐Build Feature Rich Crypto Screener App with Tailwind CSS


▶ Connect with me:

codebucks codebucks27 CodeBucks code.bucks codebucks27 code_bucks codebucks27


▶ Languages and Tools:

amplify babel bootstrap bulma chartjs css3 d3js figma firebase git html5 javascript linux materialize mongodb mysql nextjs nodejs php postman python react redux sass tailwind typescript webpack



 codebucks27

nextjs-tailwindcss-blog-template's People

Contributors

aveybd avatar codebucks27 avatar dependabot[bot] avatar

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

nextjs-tailwindcss-blog-template's Issues

categories page nested tags

On the categories page, within the section that displays the - tags information, if multiple blogs have multiple different tags they don't all show up. Only some of the tags show up initially and when another tag is shown the displayed tags will change.

Home cover section src property of image error.. how do i resolve this?

Error: Image with src "" has "placeholder='blur'" property but is missing the "blurDataURL" property.
Possible solutions:
- Add a "blurDataURL" property, the contents should be a small Data URL to represent the image
- Change the "src" property to a static import with one of the supported file types: jpeg,png,webp,avif (animated images not supported)
- Remove the "placeholder" property, effectively no blur effect
Read more: https://nextjs.org/docs/messages/placeholder-blur-data-url

README Update to include instructions about how to setup the Supabase for this template

Hi @codebucks27,

Right now, when I download this project and do npm i and npm run dev, it leads to an error if I click on any of the Blog articles - Error: either NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY env variables or supabaseUrl and supabaseKey are required!. The error is getting traced back to the file src/components/Blog/ViewCounter.js.

I am not able to understand where I need to instantiate the env variables
NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=
SUPABASE_SERVICE_ROLE_KEY=
Should it be in a separate .env file, I couldn't clearly understand in which file the connection with a supabase project that we have to create separately was instantiated

Deploy issue

I got an issue while deploying in vercel!

Can you guide me i have to use which commands

Npm or yarn or something else

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.