Difference between revisions of "React 2"

From Sinfronteras
Jump to: navigation, search
Line 1: Line 1:
https://adminmart.com/product/modernize-next-js-admin-dashboard/#product-demo-section
 
 
https://github.com/adminmart/Modernize-Nextjs-Free
 
 
https://www.wrappixel.com/templates/ample-nextjs-admin-dashboard/
 
 
https://modernize-nextjs-dark.netlify.app/apps/notes
 
 
https://adminmart.com/product/modernize-free-nextjs-admin-template/?ref=5
 
 
https://modernize-nextjs-free.netlify.app/
 
 
https://medevel.com/11-nextjs-dashboard
 
 
https://vercel.com/templates/next.js/room-GPT
 
 
https://vercel.com/templates/next.js/static-fun-wildcard-domains
 
 
https://vercel.com/templates/next.js/envshare
 
 
https://vercel.com/templates/next.js/ai-code-translator
 
 
 
 
https://www.udemy.com/course/react-redux/
 
https://www.udemy.com/course/react-redux/
  
Line 59: Line 36:
 
npx create-next-app  name_project  # Next.js es el primer frameworks propuesto en la documentacion
 
npx create-next-app  name_project  # Next.js es el primer frameworks propuesto en la documentacion
 
</syntaxhighlight>
 
</syntaxhighlight>
 +
 +
 +
<br />
 +
==Templates==
 +
From the Next documentation there are some free templates: https://nextjs.org/learn/foundations/about-nextjs
 +
 +
This page list some good free templates: 11 Best Free Next.js Dashboard Admin Templates: https://medevel.com/11-nextjs-dashboard/
 +
 +
There are also some very good paid templates (don't know if call them templetes or compleate webb apps). The best I've seen so far are:
 +
* https://adminmart.com/product/modernize-next-js-admin-dashboard/
 +
: This also has a free version:
 +
:* https://adminmart.com/product/modernize-free-nextjs-admin-template/?ref=5
 +
:* https://github.com/adminmart/Modernize-Nextjs-Free
 +
 +
* https://www.wrappixel.com/templates/ample-nextjs-admin-dashboard/
  
  
 
<br />
 
<br />

Revision as of 11:29, 20 April 2023

https://www.udemy.com/course/react-redux/

Next.js framework:


Install React:

Install Node.js and npm:

# Add the Node.js repository:
curl -sL https://deb.nodesource.com/setup_lts.x | sudo -E bash -

sudo apt install -y nodejs
sudo apt install -y npm
sudo npm install -g create-react-app
sudo npm install -g create-next-app    # Next.js es el primer frameworks propuesto en la documentacion

node -v
npm -v
create-react-app -V   # Capital V
create-next-app -V



Start a New React Project - Official documentation:
If you want to build a new app or a new website fully with React, we recommend picking one of the React-powered frameworks popular in the community.
Can I use React without a framework?
You can definitely use React without a framework—that’s how you’d use React for a part of your page. However, if you’re building a new app or a site fully with React, we recommend using a framework.
Here’s why...
https://react.dev/learn/start-a-new-react-project

npx create-react-app name_project  # React without a framework
npx create-next-app  name_project  # Next.js es el primer frameworks propuesto en la documentacion



Templates

From the Next documentation there are some free templates: https://nextjs.org/learn/foundations/about-nextjs

This page list some good free templates: 11 Best Free Next.js Dashboard Admin Templates: https://medevel.com/11-nextjs-dashboard/

There are also some very good paid templates (don't know if call them templetes or compleate webb apps). The best I've seen so far are:

This also has a free version: