This app was developed in a programming course of Nextjs of the Rocketseat online school, in the Ignite course for advanced developers.
This app is a JAM Stack, SSR & SSG app bootstrapped with [Create Next App] and, basically, it is a blog of news, the FaunaDB was used for store all the data, the login system was made with Github API, the shop system was made with stripe API and the posts system was made with prismic CMS, after all, I added the responsivity to layout for my own.
Here are the technologies used in this project.
- @prismicio/client version 5.1.0,
- @stripe/stripe-js version 1.22.0,
- axios version 0.24.0,
- faunadb version 4.4.1,
- next version 12.0.7,
- next-auth version 4.0.5,
- prismic-dom version 2.2.6,
- react version 17.0.2,
- react-dom version 17.0.2,
- react-icons version 4.3.1,
- sass version 1.44.0,
- stripe version 8.193.0
- FaunaDB
- Github
- Stripe.com
- Prismic.io
You can see the app runing here
But, if you want to run this app by yourself, simply create an account in all the services needed (github, faunadb, stripe and prisma cms) create a project in each one, and replace the configs in the .env.local.example, and after, rename it to .env.local, after it, run "yarn", in next run "stripe listen --forward-to localhost:3000/api/webhooks" and for last, open a new terminal and run "yarn dev" 🎉
This project is usefull for those that want to create a paid newsletter, you can publish news and sale the subscription for anyone and receive your incomes in the stripe dashboard.
- Link of deployed application: https://tsbnews.vercel.app/
- Repository: https://github.com/teilorbarcelos/tsbnews
- In case of sensitive bugs like security vulnerabilities, please contact OUR EMAIL directly instead of using issue tracker. We value your effort to improve the security and privacy of this project!
0.1.0
- TEILOR SOUZA BARCELOS: @teilorbarcelos (https://github.com/teilorbarcelos)
You can learn more in the [Next documentation].
I hope it help you like it helped me too! Thanks for see it and give a repo star if you like it!
############################################################
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.