Git Product home page Git Product logo

blazity / next-saas-starter Goto Github PK

View Code? Open in Web Editor NEW
1.3K 12.0 306.0 13.77 MB

⚡️ Free Next.js responsive landing page template for SaaS products made using JAMStack architecture.

Home Page: https://next-saas-starter-ashy.vercel.app/

License: MIT License

JavaScript 0.49% TypeScript 79.54% MDX 19.97%
hacktoberfest starter next-starter nextjs next theme template marketing-page landing-page nextjs-starter

next-saas-starter's People

Contributors

bmstefanski avatar dependabot[bot] avatar gavinmgrant avatar ilasota avatar jamespohalloran avatar jbryn avatar logan-anderson avatar neilk17 avatar renovate[bot] avatar serekkiri 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

next-saas-starter's Issues

Error with 'next/document' import when running production build

I cloned the repo, didn't change a thing. Tried to run both yarn run build and npm run build and the same issue occured with each.

Here is the page from the next docs about the error message:
https://nextjs.org/docs/messages/no-document-import-in-page

Searching globally for 'next/document' turned up no results outside of it's location in the _document.tsx file.

I'll keep troubleshooting and will update this issue is I find a solution.

[Feature Request] Next 13

Hi !
Is somewhere in the roadmap to merge this template from Next 12 to NextJS 13?

Thanks for the information!

CORB Error MailChimp

Hi I updated the mailchimp subscribe URL but getting this CORB error, any idea on what I might be doing wrong?? is this the right URL?

Origin Read Blocking (CORB) blocked cross-origin response https://gmail.us5.list-manage.com/subscribe?u=741ebbdd766d7b86cd39ab722&id=8344827ebb&EMAIL=jamesryebread%40gmail.com&c=__jp1 with MIME type text/html.

TinaCms Edit Text Error

Hi;
Creating a space in vercel to use the theme today. I seem to get an error in the blog section when I do it on TinaCms

``Tina caught an error while updating the page:

Cannot read properties of null (reading 'getPostsDocument')

If you've just updated the form, undo your most recent changes and click "refresh". If after a few refreshes, you're still encountering this error. There is a bigger issue with the site. Please reach out to your site admin.``

Tina CMS is outdated

The current version of tinacms is outdated, causing errors.
It shoud be updated to the latest "tinacms": "^1.0.0" and "@tinacms/cli": "^1.0.0".

FeatureGallery short descriptions cause image on right to shrink

Changing the default text in FeaturesGallery.tsx to something short causes the component to render correctly initially then shrink incorrectly. The description needs to be long for this component to work correctly.

to reproduce just change the description to one word like so.

{
    title: 'Find relevant media contacts - multiline title',
    description:
      '<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam quidem ipsam ratione dicta quis cupiditate consequuntur laborum ducimus iusto velit.</p>',
    imageUrl: '/demo-illustration-3.png',
    baseColor: '249,82,120',
    secondColor: '221,9,57',
  },

to

{
    title: 'Find relevant media contacts - multiline title',
    description:
      '<p>Lorem</p>',
    imageUrl: '/demo-illustration-3.png',
    baseColor: '249,82,120',
    secondColor: '221,9,57',
  },

Can it get image from Instagram?

This is what I got when try to load Instagram image
Screenshot 2023-01-12 at 18 26 03

/pages/api/image-proxy.js

import { withImageProxy } from '@blazity/next-image-proxy'

export default withImageProxy({
  whitelistedPatterns: [/^https?:\/\/(.*).cdninstagram.com/] 
})

/pages/index.js

const url = 'https://scontent-lax3-2.cdninstagram.com/v/t51.2885-15/317193037_1200508460548428_7875630962554406174_n.jpg?stp=dst-jpg_e35_p1080x1080&_nc_ht=scontent-lax3-2.cdninstagram.com&_nc_cat=100&_nc_ohc=EfCsI3Ie_UYAX_7GUFR&edm=APU89FABAAAA&ccb=7-5&oh=00_AfDX_6YrEWOEUpkP24VqWOnJSUG1qAomz_uv1PXrAiZvIQ&oe=63C4DD80&_nc_sid=86f79a'

<Image 
  className="object-cover"
  key={key}
  src={`/api/image-proxy?imageUrl=${url}`}
  alt={item.caption}
  width={500}
  height={500}
/>

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

  • Update react monorepo (@types/react, eslint-plugin-react-hooks)
  • Update dependency @babel/eslint-parser to v7.24.7
  • Update dependency eslint to v8.57.0
  • Update dependency tinacms to v1.6.4
  • Update dependency eslint to v9
  • Update dependency next-mdx-remote to v5
  • Update github/codeql-action action to v3
  • Update remark to v4 (major) (remark-breaks, remark-gfm)
  • Update typescript-eslint monorepo to v7 (major) (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
  • 🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

Detected dependencies

github-actions
.github/workflows/codeql-analysis.yml
  • actions/checkout v3
  • github/codeql-action v2
  • github/codeql-action v2
  • github/codeql-action v2
npm
package.json
  • @accessible/drawer ^3.0.2
  • @n8tb1t/use-scroll-position ^2.0.3
  • @sendgrid/mail ^7.7.0
  • @svgr/webpack ^8.0.0
  • css-in-js-media ^2.0.1
  • date-fns ^2.29.3
  • gray-matter ^4.0.3
  • lodash ^4.17.21
  • next 12.1.0
  • nextjs-color-mode ^1.0.5
  • polished ^4.1.3
  • prism-react-renderer ^1.3.5
  • react 17.0.2
  • react-animate-height ^2.0.23
  • react-dom 17.0.2
  • react-hook-form ^7.17.4
  • react-mailchimp-subscribe ^2.1.3
  • react-schemaorg ^2.0.0
  • react-share ^4.4.1
  • reading-time ^1.5.0
  • schema-dts ^1.1.2
  • styled-components ^5.3.5
  • swiper 9.3.2
  • tinacms ^1.5.8
  • url-loader ^4.1.1
  • use-clipboard-copy ^0.2.0
  • use-resize-observer ^9.1.0
  • @babel/eslint-parser ^7.11.0
  • @fec/remark-a11y-emoji ^3.1.0
  • @next/bundle-analyzer ^13.3.1
  • @tinacms/cli ^0.60.0
  • @types/react ^17.0.20
  • @types/react-mailchimp-subscribe ^2.1.1
  • @types/styled-components ^5.1.25
  • @types/swiper ^6.0.0
  • @typescript-eslint/eslint-plugin ^5.0.0
  • @typescript-eslint/parser ^5.59.9
  • all-contributors-cli ^6.26.0
  • copy-webpack-plugin ^11.0.0
  • eslint ^8.0.0
  • eslint-config-next ^13.2.4
  • eslint-config-prettier ^8.3.0
  • eslint-config-react-app ^7.0.0
  • eslint-plugin-flowtype ^8.0.0
  • eslint-plugin-import ^2.24.2
  • eslint-plugin-jsx-a11y ^6.7.1
  • eslint-plugin-react ^7.25.1
  • eslint-plugin-react-hooks ^4.6.0
  • next-mdx-remote ^4.4.1
  • remark-breaks ^3.0.1
  • remark-external-links ^9.0.1
  • remark-footnotes ^4.0.1
  • remark-gfm ^3.0.1
  • remark-sectionize ^2.0.0
  • remark-slug ^7.0.1
  • typescript 5.1.6

  • Check this box to trigger a request for Renovate to run again on this repository

How is the LOGO made?

The logo in the project is an SVG file. I want to know how to make this two-color(Dark/light) LOGO. Can you tell me?

Build (and vercel deployment) fails: [slug].tsx:23:18 Type error: Property 'query' does not exist on type 'never'.

$ yarn build
yarn run v1.22.19
$ yarn tinacms server:start -c "next build"
$ /workspaces/website/node_modules/.bin/tinacms server:start -c 'next build'

server:start will be deprecated in the future, please use `tinacms dev` instead
        Typescript types => /workspaces/website/.tina/__generated__/types.ts
        GraphQL types ====> /workspaces/website/.tina/__generated__/schema.gql

Indexing local files ⠋
Starting Tina asset server
Visit the GraphQL playground at http://localhost:4001/altair/
or
Enter the CMS at [your-development-url]/admin/index.html 

warn  - SWC minify release candidate enabled. https://nextjs.org/docs/messages/swc-minify-enabled
Browserslist: caniuse-lite is outdated. Please run:
  npx browserslist@latest --update-db
  Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
Failed to compile.

./pages/blog/[slug].tsx:23:18
Type error: Property 'query' does not exist on type 'never'.

  21 |   
  22 |   const { data } = useTina({
> 23 |     query: props.query,
     |                  ^
  24 |     variables: props.variables,
  25 |     data: props.data,
  26 |   });
info  - Checking validity of types .child process exited with code 1
error Command failed with exit code 1.

master HEAD is not compatible with latest TinaCMS

On ubuntu, built with

yarn install && yarn build && yarn start

goto /admin page, click edit with tinacms

You will see error:

framework-25a84902f454c528.js:1 Error: schema is required to be passed as a property to TinaProvider. You can learn more about this change here: tinacms/tinacms#2823

Thank you

failed to npm run start

ready - started server on 0.0.0.0:3000, url: http://localhost:3000
warn - SWC minify release candidate enabled. https://nextjs.org/docs/messages/swc-minify-enabled
Error: Could not find a production build in the 'E:\repo\landing-page-next.next' directory. Try building your app with 'next build' before starting the production server. https://nextjs.org/docs/messages/production-start-no-build-id
at NextNodeServer.getBuildId (E:\repo\landing-page-next\node_modules\next\dist\server\next-server.js:130:23)
at new Server (E:\repo\landing-page-next\node_modules\next\dist\server\base-server.js:92:29)
at new NextNodeServer (E:\repo\landing-page-next\node_modules\next\dist\server\next-server.js:74:9)
at NextServer.createServer (E:\repo\landing-page-next\node_modules\next\dist\server\next.js:111:16)
at async E:\repo\landing-page-next\node_modules\next\dist\server\next.js:123:31
child process exited with code 1
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Process finished with exit code 1

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.