Tutorial para projeto com JSF + Facelets + Richfaces no Netbeans simples e funcional (aprendizado)

Iaew pessoal do guj blzera?
Bom resolvi fazer esse tutorial devido a ralação que tive para fazer funfar um projeito com esses frameworks.
Na minha busca por ajuda eu achava links zuados ([url]http://www.renanmartins.com/blog/?p=10[/url]) explicações complicadas (explicando muita coisa, e eu apenas quero fazer rodar o projeto, nao um aviao ajato) e etc.

Bom vou levar em consideração que seu netbeans nao tenha nada instalado.

1 - Baixando o arquivos necessários para Richfaces
Entra na pagina de downloads do Richfaces no site do Jboss ([url]http://www.jboss.org/richfaces/download/stable.html[/url]) e baixa o "Richfaces Binaries". Descompacta esse arquivo e la dentro terá uma pasta chamada lib (se nao tiver você vai querer me matar neh XD, mais tem) com três arquivos dentro. Bom deixa esses três arquivos ai bem guardadinhos que nós vamos usa-los.

2 - Instalando o JSF
Agora no Netbeans vá em ferramentas e selecione Plug-ins.
Na aba "Plug-ins disponíveis" procure por JSF.
Marque a caixinha e instale-o.
Pronto.

3 - Instalando o Facelets
Vá em ferramentas e selecione Plug-ins.
Na aba "Plug-ins disponíveis" procure por Facelets.
Marque a caixinha e instale-o.
Pronto.

4 - Criando o projeto
Bom, agora com o JSF e o Facelets instalado (note que não instalamos o Richfaces) crie um projeto web (espero que saiba, pois este forum é web >< ) e selecione apenas o framework do Facelets, não selecione JavaServer Faces, repito [color=blue]não selecione JavaServer Faces [/color] e crie o projeto.

5 - Instalando o Richfaces
A instalação do Richfaces se limita a dois passos:
1 - Crie uma pasta dentro do WEB-INF chamada lib e coloque aqueles três arquivos que baixamos la dentro.
2 - Modicar o xml (e não faça cara feia, é bem simples ctrl + c seguido de ctrl + v ok):
A segunda linha do seu xml começa com

<!-- Plugging the "Blue Sky" skin into the project -->
<context-param>
   <param-name>org.richfaces.SKIN</param-name>
   <param-value>blueSky</param-value>
</context-param>
<!-- Making the RichFaces skin spread to standard HTML controls -->
<context-param>
      <param-name>org.richfaces.CONTROL_SKINNING</param-name>
      <param-value>enable</param-value>
</context-param>
<!-- Defining and mapping the RichFaces filter -->
<filter> 
   <display-name>RichFaces Filter</display-name> 
   <filter-name>richfaces</filter-name> 
   <filter-class>org.ajax4jsf.Filter</filter-class> 
</filter> 
<filter-mapping> 
   <filter-name>richfaces</filter-name> 
   <servlet-name>Faces Servlet</servlet-name>
   <dispatcher>REQUEST</dispatcher>
   <dispatcher>FORWARD</dispatcher>
   <dispatcher>INCLUDE</dispatcher>
</filter-mapping>

Pronto, aperte o play (F6) se seu projeto rodar você conseguiu (som de anjos cantando), mas nao apareceu nada além de

[color=red] [size=18]Facelets [/size] [/color][size=18] [/size]
[color=black] Hello from the Facelets client template! [/color]

certo? Tenha calma, agora vamos usar um componente do Richfaces pra provar de uma vez por todas que você esta realmente usando este framework.

No seu projeto tem duas paginas com extensão de xhtml, abra a template-client, no topo tem algumas tags xmlns, crie uma tag assim:
xmlns:rich="http://richfaces.org/rich" para usar o Richfaces
e xmlns:a4j="http://richfaces.org/a4j" para usar o Ajax4JSF

<ui:define name="body">
                Hello from the Facelets client template!
                <h:form>
                    <rich:calendar/>
                </h:form>
            </ui:define>