18
10 Comments

I made a free starter-kit for building a blog or landing pages quickly with Next.js, Tailwind CSS, and Netlify CMS.

https://twitter.com/jakeprins_nl/status/1339484516285636609?s=20
submitted this linkon December 17, 2020
  1. 2

    Hey Jake, that's awesome! I've been working on my own boilerplate as well (.NET, Vue and Tailwind) for SaaS development, nice work :)

  2. 2

    Great job @jakeprins. I am a long time Rails person, but trying to venture out to NextJS and Tailwind. I really do love NextJS.

    Do you know any templates that are more app focused:

    • Authentication
    • Authorization
    • Payment
    • etc
    1. 1

      Thanks!

      Actually, I also made a premium SaaS starter kit with Next.js: Serverless SaaS.

      It includes authentication, billing, teams, and more. It's paid though, but in case you are interested, you can use promo code "early-access" to get an additional discount :)

  3. 1

    Great work @jakeprins this would have saved me soooo much time building https://turboapi.dev - Next product I suppose. I didn't realise you could do that with Netlify and use it as a CMS 😱 How do you find it compared to something more mature like Wordpress?

  4. 1

    Wow, this is exactly the sort of starter kit I've been looking for. How does next.js compare to gastby? Can this be deployed as a static site?

    1. 1

      Yes, you can deploy this as a static site!

      Next.js can do the same things as gatsby, but also some more. I can recommend you to give it a try. Check out the documentation to get a better idea of Next.js. It's really nice!

  5. 1

    Nice, looks really good, I usually follow the same approach.
    Only difference is that I wouldn't create folders inside components, there's no need and create a bit of extra wondering, like What is elements? I would just place everything inside components/.

    Also another nice thing I like is to use inside tsconfig.json this:

    "compilerOptions": {
        "paths": {
          "@components/*": ["components/*"],
          "@interfaces/*": ["interfaces/*"],
          "@interfaces": ["interfaces"],
          "@pages/*": ["pagess/*"],
          "@utils/*": ["utils/*"],
          "@styles/*": ["styles/*"]
        }
    

    So you can import like import Button from "@components/Button"

    1. 2

      Thanks for your feedback!

      You can btw already import components like:
      import Button from 'components/elements/Button';

  6. 1

    This is a fantastic resource, thanks for sharing this.

  7. 1

    Frankly, this is awesome. Two years into my startup journey and there are likely a thousand decisions I would've made differently. Our tech stack and what and how we built it first would've been the most critical.