All Projects → jeffjadulco → hn

jeffjadulco / hn

Licence: MIT License
💻 A personal Hacker News reader using Next.js

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to hn

Batteries-Included-Next.js
A starting boilerplate for a TS Next.js project with batteries included. Tailwind CSS for styling, Jest and React Testing Library working with path aliases and node-mock-http for API route testing.
Stars: ✭ 35 (-18.6%)
Mutual labels:  nextjs, tailwindcss
Leerob.io
✨ My portfolio built with Next.js, MDX, Tailwind CSS, and Vercel.
Stars: ✭ 1,369 (+3083.72%)
Mutual labels:  nextjs, tailwindcss
Next Purescript Example
Simple example app using Next.js with Purescript
Stars: ✭ 35 (-18.6%)
Mutual labels:  nextjs, tailwindcss
platforms
A template for site builders and low-code tools.
Stars: ✭ 1,156 (+2588.37%)
Mutual labels:  nextjs, tailwindcss
Next Startd
⚡ Free Next.js landing page template for SaaS products, online services and more.
Stars: ✭ 211 (+390.7%)
Mutual labels:  nextjs, tailwindcss
Egghead Next
The frontend for egghead.io.
Stars: ✭ 896 (+1983.72%)
Mutual labels:  nextjs, tailwindcss
Next Landing Vpn
An Open Source Landingpage For VPN or Apps. Build using NextJS 10 and Tailwind v2.0
Stars: ✭ 49 (+13.95%)
Mutual labels:  nextjs, tailwindcss
wefootwear-store
next js footwear store e-commerce 🚀🚀🚀
Stars: ✭ 17 (-60.47%)
Mutual labels:  nextjs, tailwindcss
Notus Nextjs
Notus NextJS: Free Tailwind CSS UI Kit and Admin
Stars: ✭ 152 (+253.49%)
Mutual labels:  nextjs, tailwindcss
Nextjs Pwa
Build a PWA with Next.JS
Stars: ✭ 132 (+206.98%)
Mutual labels:  nextjs, hackernews
Next-JS-Landing-Page-Starter-Template
🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js 12 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS
Stars: ✭ 521 (+1111.63%)
Mutual labels:  nextjs, tailwindcss
portfolio
My personal portfolio website, proudly built with Next.js, TypeScript and Tailwind
Stars: ✭ 165 (+283.72%)
Mutual labels:  nextjs, tailwindcss
nextjs-portfolio
Source Code for my rebranded personal website and portfolio.
Stars: ✭ 23 (-46.51%)
Mutual labels:  nextjs, tailwindcss
addtobasic.github.io
CUI Portfolio like ubuntu terminal.
Stars: ✭ 18 (-58.14%)
Mutual labels:  nextjs, tailwindcss
expansion-pack
🔋 Useful stack expansion for ts-nextjs-tailwind-starter
Stars: ✭ 16 (-62.79%)
Mutual labels:  nextjs, tailwindcss
Intercom Clone
Intercom clone built with NextJS and TailwindCSS
Stars: ✭ 48 (+11.63%)
Mutual labels:  nextjs, tailwindcss
scriptified.dev
A weekly newsletter with insightful tips, tools, resources & more on React and JavaScript. Made with NextJS && TailwindCSS. Curated by @gupta-ji6 && @prateek3255.
Stars: ✭ 18 (-58.14%)
Mutual labels:  nextjs, tailwindcss
notion-nextjs-blog
A starter blog template powered by Next.js, Notion and Tailwind CSS.
Stars: ✭ 25 (-41.86%)
Mutual labels:  nextjs, tailwindcss
Nextjs Wordpress Starter
WebDevStudios Next.js WordPress Starter
Stars: ✭ 104 (+141.86%)
Mutual labels:  nextjs, tailwindcss
Nextjs Starter
A starter project for next js with authentication - Contains React 17 + Typescript + Tailwind CSS 2 + React Query 3 + GitHub Auth + LinkedIn Auth + Password-less Auth + Fauna DB
Stars: ✭ 235 (+446.51%)
Mutual labels:  nextjs, tailwindcss

Hacker News reader using Next.js

License: MIT Twitter Follow

Demo GIF

Statically dynamic using ISR

With Next.js' Incremental Static Regeneration (ISR), dynamic content can be statically served. Existing pages can be updated once a request is made.

Inspired by Brian Lovin's work. Check it out here!

Development

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Configuration

You can change the regeneration frequency by changing the revalidate value.

export async function getStaticProps(context) {
  const posts = await getPosts();
  const data = posts.filter(Boolean)

  return {
    props: {
      data,
    },
    revalidate: 3600,
  };
}

You can also change the number of posts displayed by passing an integer to getPosts.

Author

License

This project is open source and available under the MIT License

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].